从1个带ID的文件中选择SVG

时间:2018-02-03 20:08:01

标签: html css image svg vector

我有一个矢量文件,在一个图像中包含40个svgs。每个向量在<g>标记内都有一个id,我想知道如何从该1文件中选择某个svg而不选择html中的所有图像。
PD:每个向量都有自己的维度。

由于

2 个答案:

答案 0 :(得分:0)

没有任何来源我只能猜测,

您可以使用#the-containing-id:nth-child(n){ ... },其中#是与svg等效的数字 如果它只是svgs你可以使用svg:nth-of-type(n){ ... }

如果某个特定的svg有id,你也可以使用它的id #svgs-id{ ... }

请提供更多信息和来源,以便我们更准确地提出您的问题

答案 1 :(得分:0)

您可以将this svg tag添加到您的html中,以便将其与html的其余部分一起绘制,或者您可以使用此

从服务器上的文件中加载它
<svg viewBox="0 0 100 100">
   <use xlink:href="path-to-your-svg:#the-id-of-the-object-you-want-to-load"></use>
</svg>