javascript - 无法在 Canvas (fabric.js) 的裁剪区域之外查看选择器控件

Question

我使用下面的代码使用 fabric.js 插件裁剪 Canvas 区域

//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();

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

Answer 1

只需在 clipTo 函数之后使用 canvas.controlsAboveOverlay = true;。它不仅适用于叠加图像，还适用于裁剪对象。