javascript - 使画布剪辑区域可拖动

Question

有没有办法在剪辑后使画布可拖动？我想拖动为剪辑创建的三角形部分。

canvas.clipTo = function(ctx) {
    var shp = new fabric.Triangle({
                left : 90,
                top : 120,
                width : 80,
                height : 60,
                stroke : 'white',
                strokeWidth : 1
            });
    shp.render(ctx);

};

我正在将画布区域拖动到三角形现在想要使其可拖动？

Answer 1

您可能必须自己编写拖动代码（除非 Fabric 有办法做到这一点）。基本上，做这样的伪代码：

var lastPosition
when (mouse moved) and (mouse button is down):
    if lastPosition is defined:
        move draggable object by (mousePosition - lastPosition)
    lastPosition = mousePosition