Javascript 使画布剪辑区域可拖动

Javascript 使画布剪辑区域可拖动,javascript,jquery,html,canvas,fabricjs,Javascript,Jquery,Html,Canvas,Fabricjs,有没有一种方法可以使画布在剪辑后可以拖动? 我想拖动为剪切而创建的三角形零件 canvas.clipTo = function(ctx) { var shp = new fabric.Triangle({ left : 90, top : 120, width : 80, height : 60, stroke : 'white'

有没有一种方法可以使画布在剪辑后可以拖动? 我想拖动为剪切而创建的三角形零件

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

};

我正在将画布区域拖动到triangle,现在想使其可拖动吗?

您可能需要自己编写拖动代码(除非Fabric有办法做到这一点)。基本上,执行类似以下伪代码的操作:

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