我试图使用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', {});
这将创建一个固定长度的箭头,但我希望它能按以下方式工作:
点击画布,箭头就会出现(鼠标向下拖动到末端)
当您拖动箭头以结束位置时,直线会变长,但是提示保持相同的大小。
尽管如此,在拖曳线时,线仍然附着在原点上,整个箭头围绕着它旋转,直到拖曳停止。
这能办到吗?您将如何创建此功能?
帮助感激!
编辑:
找到这个小提琴,这基本上是我要找的,但箭头角度的计算是关
我是D3.js新手,目前正在为我的一个项目开发一个line chart。我参考了文档和示例,并创建了自己的版本。现在,我打算在这里添加两个交互功能:
在图中的鼠标覆盖上,画一条垂直线到最近的数据点。
在这条垂直线旁边显示带有X和Y属性的标签。
为了使这个特性更清楚,请参考这个。
以下是我从一个建议中得出的尝试:
svg.append("g") // creating new 'group' element
.selectAll('rect') // adding a rectangle for the lab
怎样才能得到一条直线,一条文字,然后一条直线?
。这是我的html的小提琴手。我使用内联属性使它们出现在直线上。但它们不会改变。
如何做才能让他们看起来像
---------------------- About Me ---------------------
(^^dotted line above should actually be single line.)