如何在路径中间绘制标记?

时间:2015-06-13 10:29:52

标签: html css svg

我有path(基本上是一行)。我可以借助marker-end path属性绘制箭头。但是现在我想在路径中间做一个+标志。我认为为此目的,应该使用marker-mid

以下是我使用marker-end时的代码和输出。 enter image description here

以下是我使用marker-mid时的代码和输出。 enter image description here

1 个答案:

答案 0 :(得分:1)

marker-mid指定应为路径中不是第一个或最后一个点的点放置的标记类型。

换句话说,如果你有一个由四个点组成的路径(因此是三行),marker-mid个标记将放在中间的两个点上。

目前无法根据需要自动将标记放置在线段中间。您需要自己在该点放置一个合适的形状,或者将该线分成两个半线。

SVG 2仍处于开发阶段,可能会有此功能,但你还是不能这样做。