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

时间:2019-05-05 10:25:24
【文件属性】:

文件名称:实现canvas 图片拖拽旋转移动 点击转成base64

文件大小:94KB

文件格式:RAR

更新时间:2019-05-05 10:25:24

canvas hammer.js jcanvas.js 旋转 拖拽

使用hammer.js监听触控时产生的位移,并用Jcanvas.js画出来,从而实现在canvas画布内进行手势的拖拽 旋转 移动 缩放功能.点击按钮获取画布内的base64,并显示. 测试时请放在tomcat内,并手机访问. 不足:canvas加载图片缩放时有失真(前一个上传的demo则不失真) 优点:可双点触控 同时进行移动缩放旋转效果


【文件预览】:
jcanvas.min.js
jquery-1.8.1.min.js
1.png
2.html
hammer.min.js

网友评论

  • 正需要啊,谢谢啊,很好用,方便扩展应用!~~再次感谢
  • 毫无用处,需要的是拖拽某个点旋转图片,而不仅仅是拖拽图片
  • js文件封装压缩的太狠了,而且没有一点注释,对于不能熟练掌握JS的人来说,读起来太费力!
  • 感觉用处不大,尤其是写在JS里面的文件不好理解。