首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >Rappid中的链接箭头设计(JointJS?)

Rappid中的链接箭头设计(JointJS?)
EN

Stack Overflow用户
提问于 2017-01-27 02:08:08
回答 1查看 441关注 0票数 1

我正在使用Rappid开发一个图表,我需要修改默认箭头,使其看起来像这张图片中的第一个和第三个箭头( "One“和”one (and only )“):

不过,我能得到的最好的结果是:

要么是空格,要么是行太接近末尾...我承认我对SVG d-path进行了大量的研究,但我仍然对它们知之甚少。这是我正在使用的两个:

M56 0 L56 16 L54 16 L46 16 L46 0 L48 0 L48 16 L54 16 L54 0

M56 0 L56 16 L54 16 L24 16 L54 16 L54 0

EN

回答 1

Stack Overflow用户

发布于 2017-01-27 15:52:12

链接箭头由JointJS (joint.dia.linkView)自动转换和自动定向。它确保直线始终在箭头边界处开始/结束,即您不能强制直线穿过箭头。

您可以通过将缺少的线段添加到箭头路径本身来实现此目的。

代码语言:javascript
运行
复制
'M 0 -10 L0 10 M 0 0 L-10 0'

另一种选择是改用SVGMarker。请参阅JSFiddle演示,其中还包括针对IE错误的解决方法。

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/41880098

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档