javascript - 如何在画布

我创造的内容

我正在创建一个JavaScript图片处理应用程序（使用Fabric.js＆amp; HTML5 canvas）来构建/重新渲染画布并将对象放置/拖动到它上面。放置对象后，它可以导出数据URL并操纵图像。

我想添加的功能

我试图实现反向径向倾斜移位效果，因此图片中的某些点可能会被模糊掉＃34;什么是通过Fabric.js或纯HTML5画布实现这一目标的最快方法？

这是我想要实现的一个例子

我尝试了什么

也许我以后可以完成这个演示。

如你所见，我把你的图像作为背景。然后我将相同的图像加载到我用来为圆圈创建图案的图像元素中。现在，当圆圈移动时，我移动图案偏移，看起来图像与背景相同，但是你正在看模式。

现在想象一下使用stackblur或fabricjs过滤器模糊图案图像（只需一次），你应该得到你想要的效果。

需要一些补偿缩放效果的技巧。

我稍后会完成演示。希望它能给你帮助。

编辑：我在这里有严肃的角色问题。我不知道如何制作不是本地图像的片段。