gpt4 book ai didi

javascript - 将自定义删除(后退,前退)按钮添加到控件

转载 作者:技术小花猫 更新时间:2023-10-29 12:14:39 24 4
gpt4 key购买 nike

我想知道是否有一种简单的方法可以添加删除,放在前面,放在后面函数到现有的 fabric.js 对象控件中。

目前我只能点击删除对象、置于最前面等按钮。

我正在努力寻找一种解决方案,以便能够在对象上按 X(在右上角)并删除该对象。

我想这将与覆盖、包装或子类化现有的控制对象有关。

也许我已经监督了一些事情并且有一个简单的解决方案?请不要使用 Div Wrapper。

Fabric.js Canvas Object Selection Delete X

最佳答案

Fabric.js 不提供任何向对象添加控件的简单方法。如果您想创建自己的控件,则必须覆盖 Object 类,特别是:

  • 覆盖drawControls,绘制您的自定义按钮
  • 您需要存储按钮的坐标,以便您可以检测到用户何时单击它们。比照_setCornerCoords_findTargetCorner
  • 将您的操作合并到 __onMouseDown 中的某处

您无需处理“取消绘制”控件,因为当取消选择对象时会重新渲染整个 Canvas 。

我希望这对您有所帮助,祝您好运:)

关于javascript - 将自定义删除(后退,前退)按钮添加到控件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21661582/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com