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

上传者: maki077 | 上传时间: 2019-12-21 20:17:30 | 文件大小: 94KB | 文件类型: rar
使用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小时内给予删除,不得用于其他任何用途,否则后果自负。基于互联网的特殊性,【只为小站】 无法对用户传输的作品、信息、内容的权属或合法性、合规性、真实性、科学性、完整权、有效性等进行实质审查;无论 【只为小站】 经营者是否已进行审查,用户均应自行承担因其传输的作品、信息、内容而可能或已经产生的侵权或权属纠纷等法律责任。
本站所有资源不代表本站的观点或立场,基于网友分享,根据中国法律《信息网络传播权保护条例》第二十二条之规定,若资源存在侵权或相关问题请联系本站客服人员,zhiweidada#qq.com,请把#换成@,本站将给予最大的支持与配合,做到及时反馈和处理。关于更多版权及免责申明参见 版权及免责申明