组合多个SVG<;路径>;

组合多个SVG<;路径>;,svg,sprite,Svg,Sprite,我需要知道如何从SVG文件中组合多个。 现在我有三个图标,不知何故,我找不到任何背后的逻辑 我读到我需要删除最后一部分,并将其与以下内容结合起来 例如: 从 到 但是输出是空的。 如果我只走这两条路中的一条,我只会看到这条路 有什么简单的解释吗 对不起,我的英语不好,我希望你能理解我的意思。如果你把路径放在一个合适的元素中,你可以将它们可视化。它需要有一个“合理的”viewBox属性。对于您的示例,以下操作有效:。我还添加了两个矩形()来显示重叠符号的范围。我希望这对你有帮助 注意:实际

我需要知道如何从SVG文件中组合多个。 现在我有三个图标,不知何故,我找不到任何背后的逻辑

我读到我需要删除最后一部分,并将其与以下内容结合起来

例如:



但是输出是空的。 如果我只走这两条路中的一条,我只会看到这条路

有什么简单的解释吗


对不起,我的英语不好,我希望你能理解我的意思。

如果你把路径放在一个合适的
元素中,你可以将它们可视化。它需要有一个“合理的”viewBox属性。对于您的示例,以下操作有效:
。我还添加了两个矩形(
)来显示重叠符号的范围。我希望这对你有帮助

注意:实际上将两条路径合并为一条路径是一项稍微复杂一些的任务。这可以通过一个合适的图形SVG编辑器来完成,比如Inkscape(或许多其他编辑器…)


如果您选择您的路径:

M54.4 2a54.4 54.4 0 106.2 108.4c9.1 2.2 18.9 3.5 28.3 5.2a40 40 0 0132.4 32.4l35.4 99.7a49.9 49.9 0 0049.2 41.3h210c22 0 41.5-14.4 47.9-35.5l47-155.8c.8-3 .3-6.3-1.5-8.9-2-2.5-4.9-4-8-4H148.2l-7.2-40.3c-7-24.4-13.6-38.3-49.2-48.7A54.2 54.2 0 0054.4 2zm0 20a34.4 34.4 0 110 68.8 34.4 34.4 0 010-68.8zm97.4 182.7h336l-43.1 142.9a29.8 29.8 0 01-28.7 1.3H206c-14.6 0-27-10.4-29.5-24.8z
并使用以下公式将其乘以10:

您去掉了所有十进制符号,使文件更小:

M 544 20 a 544 544 90 1 0 62 1084 c 91 22 189 35 283 52 a 400 400 90 0 1 324 324 l 354 1997 a 499 499 90 0 0 492 413 h 2100 c 220 0 415 -144 479 -355 l 470 -1558 c 8 -30 3 -63 -15 -89 c -20 -25 -49 -40 -80 -40 H 1482 l -72 -403 c -70 -244 -136 -383 -492 -487 A 542 542 90 0 0 544 20 z m 0 200 a 344 344 90 1 1 0 688 a 344 344 90 0 1 0 -688 z m 974 1827 h 3360 l -431 1429 a 298 298 90 0 1 -287 213 H 2060 c -146 0 -270 -104 -295 -248 z
当然,视图框也需要倍增。作为(默认)笔划宽度=“1”



您是否希望人们直观地比较这两个数字串,以找出不同之处?它们不同吗?它是空的,可能是因为您没有设置viewBox属性。我想路径在svg画布之外。请通过添加svg标签来编辑问题。然后,以5位数的精度处理svg文件。在上面的svg中,处理svg文件就像将100.000像素填充到1个像素中,这是一个很好的方法!SVGMO是我一直在寻找的东西。非常有帮助。最近发现了这个很棒的在线编辑器:帮助摆脱转换和缩放viewBox
M54.4 2a54.4 54.4 0 106.2 108.4c9.1 2.2 18.9 3.5 28.3 5.2a40 40 0 0132.4 32.4l35.4 99.7a49.9 49.9 0 0049.2 41.3h210c22 0 41.5-14.4 47.9-35.5l47-155.8c.8-3 .3-6.3-1.5-8.9-2-2.5-4.9-4-8-4H148.2l-7.2-40.3c-7-24.4-13.6-38.3-49.2-48.7A54.2 54.2 0 0054.4 2zm0 20a34.4 34.4 0 110 68.8 34.4 34.4 0 010-68.8zm97.4 182.7h336l-43.1 142.9a29.8 29.8 0 01-28.7 1.3H206c-14.6 0-27-10.4-29.5-24.8z
M 544 20 a 544 544 90 1 0 62 1084 c 91 22 189 35 283 52 a 400 400 90 0 1 324 324 l 354 1997 a 499 499 90 0 0 492 413 h 2100 c 220 0 415 -144 479 -355 l 470 -1558 c 8 -30 3 -63 -15 -89 c -20 -25 -49 -40 -80 -40 H 1482 l -72 -403 c -70 -244 -136 -383 -492 -487 A 542 542 90 0 0 544 20 z m 0 200 a 344 344 90 1 1 0 688 a 344 344 90 0 1 0 -688 z m 974 1827 h 3360 l -431 1429 a 298 298 90 0 1 -287 213 H 2060 c -146 0 -270 -104 -295 -248 z