【问题标题】:Marker don't orient properly at the end of SVG path with D3标记在 D3 的 SVG 路径末尾没有正确定位
【发布时间】:2012-05-04 05:58:17
【问题描述】:

我正在尝试创建一个可视化,其中 2 个节点之间的线通过使用 d3.svg.diagonal 的路径连接,如 http://www.isi.edu/~shubhamg/d3-test-6.html 所示

可以看出,标记在 SVG 路径末端的方向不正确(标记是指路径末端的箭头) 有什么建议可以解决吗?非常感谢。

【问题讨论】:

  • @EliranMalka 很确定 Op 只是意味着箭头应该是内嵌的,就像你通常画箭头一样。
  • “正确”是指路径末端的三角形(标记)的角度不正确。在此示例中:bl.ocks.org/1153292 标记根据路径末端的角度正确定位。
  • 好吧,源代码就在那里。稍微调查一下。或者至少为我们指明正确的方向。

标签: svg d3.js


【解决方案1】:

您可能想查看名为“Mobile Patents”的力有向图示例。我相信这是一个小例子,可以准确地说明如何做到这一点。

希望对你有帮助。

弗兰克

【讨论】:

  • 我仅使用该示例开始处理此可视化。链接不是“移动专利”示例中的贝塞尔曲线。
  • 该示例适用于 Chrome,但适用于 Firefox。箭头绘制在与路径相对的圆圈的另一侧。
猜你喜欢
  • 1970-01-01
  • 2017-07-22
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多