【前端】利用Canvas给图片添加水印,支持拖拽、编辑、缩放与删除
利用Canvas给图片添加水印,支持拖拽、编辑、缩放与删除。
难点一: 如何在伪元素after“删除按钮“上添加点击事件。
通过鼠标点击位置event中offsetX属性获得其偏离元素距离,与元素宽度做比较。若大于元素宽度,则点击在了伪元素上,否则点击到正常元素上。代码中有体现。
难点二:如何对水印增加编辑和拖拽功能。
使用contentEditable属性来使其可以编辑,使用jqueryUI的...
原创
2018-10-11 17:56:02 ·
3059 阅读 ·
0 评论