利用html5的画布实现图片的自由裁剪

先看效果

技术分享

技术分享

操作方法

1、图片地址,粘入input框中。

2、点击抓取,此后便可在图片中用鼠标划出目标区域。

3、点击裁剪便可裁剪出目标区域。

4、点击保存,即可将裁剪的图片上传到服务器。

附件下载:http://pan.baidu.com/s/1gdmxHnl

ps:附件中的代码,只供参考。

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。