gpt4 book ai didi

svg - Safari 6 svg标签使用问题

转载 作者:行者123 更新时间:2023-12-04 13:28:13 24 4
gpt4 key购买 nike

链接:http://jsfiddle.net/xkpeD/

要不就

<svg width="300px" height="300px" version="1.1" xmlns="http://www.w3.org/2000/svg"    xmlns:xlink="http://www.w3.org/1999/xlink">
<circle cx="50" cy="50" r="20" fill="pink" fill-opacity="0.5"/>
<use xlink:href="#:example" x="20" y="20"/>
<defs>
<circle id=":example" cx="50" cy="50" r="20" fill="pink" fill-opacity="0.5"/>
</defs>
</svg>​

在所有浏览器(IE9,Chrome,Firefox,Safari 5.1)中,它均显示为“ok”,但在新的Safari 6中,仅渲染了1个圆圈。似乎所有 标记未在Safari 6中呈现。

有什么帮助吗?

最佳答案

sam.kozin的回​​答对我有用。只是为了使这个答案实际上具有可见性。

替换为

所以:

<svg width="300px" height="300px" version="1.1" xmlns="http://www.w3.org/2000/svg"    xmlns:xlink="http://www.w3.org/1999/xlink">
<circle cx="50" cy="50" r="20" fill="pink" fill-opacity="0.5"/>
<use xlink:href="#:example" x="20" y="20"></use>
<defs>
<circle id=":example" cx="50" cy="50" r="20" fill="pink" fill-opacity="0.5"/>
</defs>
</svg>​

关于svg - Safari 6 svg标签使用问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12686247/

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