gpt4 book ai didi

html - 在多个位置显示内联 SVG

转载 作者:搜寻专家 更新时间:2023-10-31 08:06:07 25 4
gpt4 key购买 nike

使用 HTML5,如何一次放置内联 SVG 然后在多个位置显示?我希望 SVG 代码不显示它放置的位置,而是显示在引用它的多个位置,而不依赖 CSS。有一个稍微相关的question .

最佳答案

您可以使用 <use>标记以在多个位置显示 SVG。

<body>
<svg width="0" height="0">
<defs>
<rect id="MyRect" width="60" height="10" fill="blue"/>
</defs>
</svg>
<svg width="50" height="50">
<use x="20" y="10" xlink:href="#MyRect" />
</svg>
<svg width="50" height="50">
<use x="20" y="10" xlink:href="#MyRect" />
</svg>
</body>

关于html - 在多个位置显示内联 SVG,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17599628/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com