拖动移动结构 JS 控件

Question

谁能帮我了解一下 JS Fabric 的移动/拖动功能？我想要由左上角触发的拖动/移动功能，我尝试了下面的代码：

//drag function
const dragOriginal = fabric.Object.prototype.controls.tl;
fabric.Object.prototype.controls.moveObject = new fabric.Control({
    x: -0.5,
    y: -0.5,
    actionHandler: dragOriginal,
    actionName: 'drag',
    cursorStyle:'pointer',
    render: renderIcon,
    cornerSize: 25
});

这让我在控制台中出现以下错误

actionHandler is not a function. (In 'actionHandler(e, transform, x, y)', 'actionHandler' is an instance of Object)

谁能帮我解决这个问题？

Answer 1

我想这就是答案

fabric.Object.prototype.controls.moveObject = new fabric.Control({
    x: -0.5,
    y: -0.5,
    actionHandler: fabric.controlsUtils.dragHandler,//change to this
    actionName: 'drag',
    cursorStyle:'pointer',
    render: renderIcon,
    cornerSize: 25
});

希望这就是您要找的。

拖动移动结构 JS 控件

Drag move fabric JS controls

javascript

canvas

object

drag

fabricjs