`
piperzero
  • 浏览: 3555548 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
文章分类
社区版块
存档分类
最新评论

Jcrop

 
阅读更多
allowSelect true 允许新选框
allowMove true 允许选框移动
allowResize true 允许选框缩放
trackDocument true
baseClass "jcrop" 基础样式名前缀。说明:class="jcrop-holder",更改的只是其中的 jcrop。
addClass null 添加样式会。例:假设值为 "test",那么会添加样式到 class="test jcrop-holder"
bgColor "black" 背景颜色。颜色关键字、HEX、RGB 均可。
bgOpacity 0.6 背景透明度
bgFade false 使用背景过渡效果
borderOpacity 0.4 选框边框透明度
handleOpacity 0.5 缩放按钮透明度
handleSize 9 缩放按钮大小
handleOffset 5 缩放按钮与边框的距离
aspectRatio 0 选框宽高比。说明:width/height
keySupport true 支持键盘控制。按键列表:上下左右(移动)、Esc(取消)、Tab(跳出裁剪框,到下一个)
cornerHandles true 允许边角缩放
sideHandles true 允许四边缩放
drawBorders true 绘制边框
dragEdges true 允许拖动边框
fixedSupport true
touchSupport null
boxWidth 0 画布宽度
boxHeight 0 画布高度
boundary 2 边界。说明:可以从边界开始拖动鼠标选择裁剪区域
fadeTime 400 过度效果的时间
animationDelay 20 动画延迟
swingSpeed 3 过渡速度
minSelect [0,0] 选框最小选择尺寸。说明:若选框小于该尺寸,则自动取消选择
maxSize [0,0] 选框最大尺寸
minSize [0,0] 选框最小尺寸
onChange function(){} 选框改变时的事件
onSelect function(){} 选框选定时的事件
onRelease function(){} 取消选框时的事件
<wbr></wbr>
分享到:
评论

相关推荐

    jquery-Jcrop实现图片裁剪截图上传和保存

    `jQuery Jcrop`是一个流行的JavaScript库,它允许用户在浏览器端进行图像选择、裁剪和截图操作,进而实现上传到服务器并保存。这个库是基于jQuery构建的,因此可以方便地与现有的jQuery应用集成,提供了丰富的API和...

    好用的JS图片裁剪工具——jquery.Jcrop-0.9.8 (官方修正版)

    **jQuery Jcrop是一款非常实用的JavaScript图片裁剪工具,它为网页开发人员提供了一种简单易用的方法来实现用户交互式的图像裁剪功能。在网页上,用户可以自由选择图片的裁剪区域,从而实现自定义尺寸的图片生成。**...

    jquery.Jcrop

    **jQuery.Jcrop** 是一个基于JavaScript和jQuery的图像裁剪插件,专为网页上的图像处理提供方便的裁剪功能。这个插件允许用户在网页上动态选择图像的一部分,并可以将其裁剪为所需的尺寸,广泛应用于头像上传、图片...

    Jcrop 小测试源码

    **Jcrop 小测试源码** 是一个前端项目,它主要使用了 Jcrop 这个JavaScript库来实现图像裁剪功能。Jcrop 是一个强大的、轻量级的图像选择库,它允许用户在网页上自由地选取图像区域,并且可以进行像素级别的精确选择...

    jcrop的js文件

    **Jcrop** 是一个强大的JavaScript图像裁剪工具,它允许用户在网页上选取图像的特定区域,常用于图片上传前的预览和裁剪功能。这个压缩包包含的"jcrop的js文件和css文件"是Jcrop的核心组成部分,它们为开发者提供了...

    jcrop图片剪切工具

    **Jcrop图片剪切工具详解** Jcrop是一款强大的JavaScript图片裁剪库,它允许用户在前端自由地选择和裁剪图片,广泛应用于网页中的图片预览、上传前的裁剪等场景。这款工具以其直观的用户界面和灵活的配置选项,深受...

    jquery头像截取jcrop

    **jQuery头像截取jCrop详解** 在网页应用中,用户常常需要上传个人头像,为了提供更好的用户体验,我们可以利用JavaScript库实现头像的预览和裁剪功能。`jQuery jCrop` 就是一个这样的工具,它允许用户在上传图片前...

    Jcrop-0.9.12.zip

    标题 "Jcrop-0.9.12.zip" 指的是一个名为 Jcrop 的图像裁剪工具的版本 0.9.12 的压缩包文件。Jcrop 是一款广泛使用的 JavaScript 库,专为网页上的图像选择和裁剪功能而设计。这个库允许用户在浏览器端动态地选取...

    jcrop做一个上传头像

    标题中的"jcrop做一个上传头像"指的是使用Jcrop这个JavaScript库来实现用户上传图片并进行裁剪的功能。Jcrop是一款强大的图像裁剪工具,它允许用户在网页前端选择并裁剪图片,然后将裁剪的坐标信息发送到后台服务器...

    Jcrop照片剪裁插件高宽比例固定/剪裁效果预览演示

    Jcrop是一款广泛应用于Web开发中的JavaScript图片裁剪插件,它允许用户在网页上选择并裁剪图片,常用于头像上传、图片编辑等场景。本文将深入探讨Jcrop插件如何实现高宽比例固定的裁剪功能以及效果预览。 Jcrop的...

    jcrop实现剪切上传图片

    **正文** Jcrop是一款强大的JavaScript图像裁剪工具,...Jcrop的源代码通常包括一个JavaScript文件(如`jcrop.js`)和一个CSS文件(如`jcrop.css`)。将这两个文件放在合适的位置,并在HTML文件中链接它们。 ```html ...

    Jcrop插件对图片进行裁剪示例

    Jcrop是一款强大的JavaScript图像裁剪工具,它允许用户在前端选择并定义感兴趣的图像区域,然后将这些坐标信息传递给后端进行精确的图片裁剪。在本示例中,我们将深入探讨如何结合Jcrop与Java技术,实现一个完整的...

    jquery Jcrop图像裁切插件中文api文档

    jQuery Jcrop 图像裁切插件是一个非常实用的工具,用于在Web应用程序中实现动态的图像裁剪功能。它依赖于jQuery库,提供了一个简单易用的API,使得开发者能够轻松地集成图像裁剪功能。以下是对Jcrop关键知识点的详细...

    前端切图--Jcrop

    **前端切图技术——Jcrop** 前端开发中,图片处理是一项常见的任务,特别是在网页设计和用户上传图片的应用中。Jcrop 是一个强大的 JavaScript 图片裁剪库,它为 web 应用提供了简单易用的图像选择和裁剪功能。这款...

    jcrop图片裁剪demo

    Jcrop是一款广泛使用的JavaScript图像裁剪工具,它允许用户在网页上交互式地选择和裁剪图片。这个“jcrop图片裁剪demo”是展示如何集成和应用Jcrop的一个实例,方便开发者快速理解和使用。下面将详细介绍Jcrop的核心...

    Jcrop图片上传-预览-剪切效果展示

    `Jcrop`是一个强大的JavaScript库,专门用于实现这样的功能。它提供了图片选取和预览的功能,支持多种浏览器,包括火狐、谷歌和IE,这在跨平台的Web应用中是非常重要的。 首先,让我们深入了解一下`Jcrop`。`Jcrop`...

    jcrop JavaScript图片截取工具

    **标题详解:** "jcrop JavaScript图片截取工具" 是一个基于JavaScript的开源库,用于在网页上实现图片的选择和裁剪功能。它无需依赖Flash技术,因此可以在各种现代浏览器和移动设备上运行,提供了良好的跨平台兼容...

    jQuery Jcrop 实现图像裁剪实例

    在本文中,我们将深入探讨如何使用jQuery Jcrop插件实现图像裁剪功能。Jcrop是一款强大的JavaScript库,它为Web应用程序提供了用户友好的图像选择和裁剪工具。这个实例将帮助开发者理解Jcrop的工作原理,并指导如何...

Global site tag (gtag.js) - Google Analytics