【问题标题】:Variable length arrow with FabricJS Path()FabricJS Path() 的可变长度箭头
【发布时间】:2014-04-15 04:16:52
【问题描述】:

我正在尝试使用 Path() 在 fabric.js 中制作可变长度箭头。

new fabric.Path('M 0 0 L 150 0 M 0 0 L 10 -10 M 0 0 L 10 10 z', {});

这会创建一个固定长度的箭头,但我希望它按如下方式工作:

  • 单击画布,出现箭头提示(按住鼠标并拖动到结束位置)
  • 当您将箭头拖动到 endposition 时,线条会变长,但尖端的大小保持不变
  • 在拖动过程中,线仍保持连接到原点,整个箭头围绕它旋转,直到拖动停止

这可以吗?您将如何创建此功能?

帮助表示赞赏!

编辑:

找到了这个小提琴http://jsfiddle.net/7a5Ms/51/,这基本上就是我要找的,但是箭头角度的计算是关闭的。有人吗?

【问题讨论】:

    标签: canvas html5-canvas fabricjs


    【解决方案1】:

    设法让代码从小提琴中工作。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2015-05-13
      • 2015-07-05
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2021-06-11
      • 2023-01-29
      • 1970-01-01
      相关资源
      最近更新 更多