我正在尝试实现缩放功能,它不仅可以缩放背景图像,还可以显示画布上存在的 FabricJS 对象(三角形和圆形)。
目前我已经实现的是正确显示放大图像,但我还想显示画布上的对象以显示在镜头内并能够单击它们。
我知道背景只是通过克隆
fabric.util.object.clone
然后传递到“镜头”,然后发送到“clipTo”并显示为放大镜。
但是如何克隆所有对象并将其提供给镜头?不仅仅是背景图像。
我在这里附上了我的进步的小提琴:https ://jsfiddle.net/7m3otzq0/9/
想要的效果是类似于库 AnythingZoomer2 的操作方式我更喜欢单独使用 FabricJs,因为它是一个了不起的库 https://css-tricks.com/examples/AnythingZoomer/index.php#?id=568