前端如何实现用户可视化编辑图片(相当于做一个页面版PS),以及如何实时把图片渲染在商品上?

问题遇到的现象和发生背景

img

问题相关代码,请勿粘贴截图
运行结果及报错内容
我的解答思路和尝试过的方法
我想要达到的结果

弄个画布,然后对拉入的图片进行编辑剪切,完成后再把图片填充到衣服上,当然这实施起来会有点难度

看看网上有插件没有

可以考虑采用foxpsd现成的api或者sdk,可以保留效果图原有的扭曲效果,实时响应,浏览器前端渲染,也可以合成高清像素的生产印花图