【发布时间】: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