HTML5 canvas实现移动端上传头像拖拽裁剪效果

作者：佚名 字体：[增加 减小] 来源：互联网 时间：03-14 11:00:19 我要评论

这篇文章主要为大家详细介绍了HTML5 canvas实现移动端上传头像拖拽裁剪效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

dy("gg_l");

dy("gg_r");

本示例使用HTML5 canvas，简单的编写了上传头像的裁剪效果，移动端支持拖拽后裁剪， 虽然样式不好看，但是功能还算全：

下图为裁剪后的效果：

html部分：

XML/HTML Code复制内容到剪贴板

JavaScript部分：

JavaScript Code复制内容到剪贴板

以上就是本文的全部内容，希望对大家的学习有所帮助。

原文：