2011-10-10 44 views
1

是否有可能在SVG的子路径来绘制不同的招(我想不同线宽)?不同的笔触在SVG-子路径

我知道这可以通过不同的路径来实现,但它不是可以使用不同的路径使用线连接。我想用不同线宽的线连接轮。

如果是不可能的,什么是绘制不同的招两个连接的线路(在线路下面的图片中没有连接)最好的己技巧? enter image description here

+0

我考虑一个选项,以绘制各行作为一个矩形或具有定制形状的端点独立的路径,使用平移而不是连接它们。 – Hogberg

回答

2

一个路径元素只有一个stroke-width属性,所以目前不可能每个子路径具有不同的stroke-width,因为它全部在一个元素中。

随意你如何需要的连接线连接进一步解释,插图可能的帮助。

看一看在tubefy examples怎么办可变宽度的行程,并与SVG和一些脚本等整齐的效果。

+0

谢谢你的回复。我添加了一张我正面临的问题的图片,不同笔画的线条没有连接,端点也没有与其他线条对齐 – Hogberg