无法查看画布中裁剪区域外的选择器控件（fabric.js）

Question

我使用下面的代码使用fabric.js插件剪辑画布区域

//set it as a canvas fix parent element
                        var shape = canvas.item(0);
                        canvas.remove(shape);
                        canvas.clipTo = function(ctx) {
                            shape.render(ctx);
                        };

                        canvas.renderAll();

但是如果我将元素拖到剪切区域之外，控件就会变得不可见。即使我们将元素拖到外面，也需要控件在整个画布中可见。

Answer 1

在clipTo-function之后使用canvas.controlsAboveOverlay = true;。它不仅适用于叠加图像，也适用于剪切的物体。