vue 实现无规则截图

大家所见到的大多数都是有规则截图,可以应付大部分的应用场景,但是对于图片处理,想要将规则交给用户,普通的截图已经满足不了用户了,那我们能不能前端实现图片的任意规则截取,接下来让我一起探讨一下吧!

通过 svg 实现 图片截取

使用svg中clippath image标签 通过id 映射, 动态位置polygon的坐标,实现图片的截取

css部分

效果图展示

源码地址

github地址--> github.com/lgxin/captu…

以上就是vue 实现无规则截图的详细内容，更多关于vue 无规则截图的资料请关注其它相关文章！