更多>
最新下载
24小时阅读排行榜
- 1 mysql登录失败如何排查_mysql账号异常解决方法
- 2 php如何判断数组下标是否存在_php存在性检测函数法【教程】
- 3 Golang简单工厂与抽象工厂有什么区别_工厂模式差异说明
- 4 mysql中WHERE子句的使用与多条件查询
- 5 javascript如何创建与操作节点？【教程】
- 6 c++中functor仿函数是什么_c++函数对象用法【进阶】
- 7 mysql并发更新同一行数据怎么办_mysql冲突解决思路
- 8 javascript在哪里运行_如何设置开发环境【教程】
- 9 javascript事件循环是什么_宏任务和微任务如何执行【教程】
- 10 行锁和表锁有什么区别_mysql锁机制解析
- 11 XSLT 3.0的新特性在数据映射中的应用
- 12 如何给XML文件添加数字签名 C#实现XML签名
- 13 XML Catalog是什么 如何用它来解析本地DTD/XSD文件
- 14 PowerShell如何监控文件系统事件并调用API上传XML
- 15 如何用javascript实现本地存储【教程】
更多>
最新教程
-
- Node.js 教程
- 16105 2025-08-28
-
- CSS3 教程
- 1546511 2025-08-27
-
- Rust 教程
- 23244 2025-08-27
-
- Vue 教程
- 25712 2025-08-22
-
- PostgreSQL 教程
- 22196 2025-08-21
-
- Git 教程
- 9183 2025-08-21
H5的手机图片裁剪特效
js代码
<script src="js/jquery-2.1.1.min.js" type="text/javascript"></script>
<script src="js/iscroll-zoom.js"></script>
<script src="js/hammer.js"></script>
<script src="js/jquery.photoClip.js"></script>
<script>
//document.addEventListener('touchmove', function (e) { e.preventDefault(); }, false);
$("#clipArea").photoClip({
width: 200,
height: 200,
file: "#file",
view: "#view",
ok: "#clipBtn",
loadStart: function() {
console.log("照片读取中");
},
loadComplete: function() {
console.log("照片读取完成");
},
clipFinish: function(dataURL) {
console.log(dataURL);
}
});
</script>
jQuery.photoClip手机图片裁剪插件是一款支持移动设备触摸手势放大缩小图片裁剪代码。
本站所有资源都是由网友投搞发布，或转载各大下载站，请自行检测软件的完整性！本站所有资源仅供学习与参考，请勿用于商业用途，否则产生的一切后果将由您自己承担!如有侵权请联系我们删除下架，联系方式：admin@php.cn
相关推荐
热门下载
canvas音谱可视化mp3音乐播放器代码
html5 canvas通过AudioContext对获取audio标签播放的音域和音高，调用js绘制相应高度的矩形或线条。
播放器特效
2021-03-10
