Javascript 法布里奇效应图像

我有一张fabricjs在画布上的照片

但是，需要达到下图所示的效果：

---

有人知道吗？

不幸的是，你什么都没试过，所以我会给你一个开始和一些提示，这样你就可以自己做了

我给你做了一个礼物。如果按“执行效果”，它将根据效果设置正确的部分。你必须做底部的部分。您还需要根据图像的宽度和高度设置顶部、左侧和ctx功能。最后一步是设置，如果图像也移动，那么两个克隆应该随之移动

---

我希望这对你有帮助。祝你好运。

你好，尼斯特，我不知道transformMatrix/clipTo的很多属性，我使用你的脚本作为基础，可以反转并定位正确的位置，但是我不能“离开”，无论我做什么更改，宽度都不会改变。你能帮我吗？这是你最新的JSFIDLE。这是一个关于剪裁的示例，这是一个关于transformMatrix的示例。你仍然需要做一些工作来让它好起来。