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