SVG 子路径中的不同笔画
是否可以在 SVG 的子路径中绘制不同的笔画(我想要不同的线宽)?
我知道这可以使用不同的路径来完成,但不可能在不同的路径上使用 line-joins。我想使用具有不同线宽的线连接轮。
如果不可能,用不同笔画绘制两条连接线的最佳技术是什么(在下图中,线未连接)?
Is it possible to draw different strokes (I want different line widths) in a subpath of SVG?
I know this can be accomplished using different paths, but it is not possible to use use line-joins on different paths. I want to use a line-join round with different line width.
If it is not possible, what is the best techique to draw two connected lines with different strokes (in the picture below the lines are not connected)?
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
路径元素只有一个描边宽度属性,因此目前每个子路径不可能具有不同的描边宽度,因为它都在一个元素中。
请随意进一步解释如何连接连接线,插图可能会有所帮助。
查看 tubefy 示例,了解如何使用 svg 和 进行可变宽度描边和其他简洁效果一些脚本。
A path element only has one stroke-width property, so it's not possible at the moment to have different stroke-width per subpath since it's all in one element.
Feel free to explain further on how you need the connected lines join, an illustration might help.
Have a look at the tubefy examples for how to do variable-width stroking and other neat effects with svg and some scripting.