使画布剪辑区域可拖动

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