SVG 子路径中的不同笔画

发布于 2024-12-08 21:14:17 字数 214 浏览 1 评论 0原文

是否可以在 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)?
enter image description here

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

月光色 2024-12-15 21:14:17

路径元素只有一个描边宽度属性,因此目前每个子路径不可能具有不同的描边宽度,因为它都在一个元素中。

请随意进一步解释如何连接连接线,插图可能会有所帮助。

查看 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.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文