首页 移动开发 HTML5     /    实现canvas图片拖拽旋转挪动点击转成base64

实现canvas图片拖拽旋转挪动点击转成base64

上传者: maki077 | 上传时间:2021/3/27 17:15:40 | 文件大小:94KB | 文件类型:rar
实现canvas图片拖拽旋转挪动点击转成base64
使用hammer.js监听触控时产生的位移,并用Jcanvas.js画出来,从而实现在canvas画布内进行手势的拖拽旋转挪动缩放功能.点击按钮获取画布内的base64,并显示.测试时请放在tomcat内,并手机访问.不足:canvas加载图片缩放时有失真(前一个上传的demo则不失真)优点:可双点触控同时进行挪动缩放旋转效果

文件下载

资源详情

[{"title":"(5个子文件94KB)实现canvas图片拖拽旋转移动点击转成base64","children":[{"title":"jcanvas.min.js <span style='color:#111;'>33.07KB</span>","children":null,"spread":false},{"title":"jquery-1.8.1.min.js <span style='color:#111;'>90.62KB</span>","children":null,"spread":false},{"title":"1.png <span style='color:#111;'>41.20KB</span>","children":null,"spread":false},{"title":"2.html <span style='color:#111;'>7.88KB</span>","children":null,"spread":false},{"title":"hammer.min.js <span style='color:#111;'>19.29KB</span>","children":null,"spread":false}],"spread":true}]

评论信息

  • changcheng552200:
    正需要啊,谢谢啊,很好用,方便扩展应用!~~再次感谢2018-03-10
  • anglaider:
    毫无用处,需要的是拖拽某个点旋转图片,而不仅仅是拖拽图片2017-04-26
  • 竹立荷塘:
    js文件封装压缩的太狠了,而且没有一点注释,对于不能熟练掌握JS的人来说,读起来太费力!2016-11-29
  • lovednisgood:
    感觉用处不大,尤其是写在JS里面的文件不好理解。2016-05-09

免责申明

【好快吧下载】的资源来自网友分享,仅供学习研究,请务必在下载后24小时内给予删除,不得用于其他任何用途,否则后果自负。基于互联网的特殊性,【好快吧下载】 无法对用户传输的作品、信息、内容的权属或合法性、合规性、真实性、科学性、完整权、有效性等进行实质审查;无论 【好快吧下载】 经营者是否已进行审查,用户均应自行承担因其传输的作品、信息、内容而可能或已经产生的侵权或权属纠纷等法律责任。
本站所有资源不代表本站的观点或立场,基于网友分享,根据中国法律《信息网络传播权保护条例》第二十二条之规定,若资源存在侵权或相关问题请联系本站客服人员,8686821#qq.com,请把#换成@,本站将给予最大的支持与配合,做到及时反馈和处理。关于更多版权及免责申明参见 版权及免责申明