first_shun的博客

在svg中设置marker然后引用的方式特别方便，可以在线上加一些箭头指向，圆点之类的东西，但是碰到个问题让我郁闷了好久，就是设置marker-mid在line和path上无效。查了很多资料，解释只有一句话：须在每个绘制定义箭头或多标记顶点大于给定的第一和最后一个顶点其他<path>元件或基本形状。否则无效，标记也不会被绘制。 这句话是什么意思呢？我来说说我的看法（有错误的地方希望大家指正，勿喷）； 先举两个例子： 1、无效的例子 <path ...

有时候在项目中需要用到svg，需要画连接线与箭头，主要分两步，在此简单介绍一下： 1、使用marker定义一个箭头 2、使用marker-start，marker-mid，marker-end引用箭头即可。 注意： marker-mid的解释是标记中间应在路径数据的第一个和最后一个顶点以外的每个顶点上呈现，其他的地方不生效（所以放在一个单纯的line中是不生效的，在line中可以使用path画一个，这里就不详细说了）。 <svg width="500" height="500" versi