小编lup*_*por的帖子

SVG翻译似乎在Chrome/Chromium中表现不同

https://jsfiddle.net/Lpfa9umq/

码:

<svg>
    <symbol>
        <circle id="circle1" cx="50" cy="50" r="20" stroke="black" stroke-width="1" />
        <circle id="circle2" cx="25" cy="25" r="10" stroke="red" fill="red" stroke-width="1" />
    </symbol>
</svg>
<svg width="100" height="100">
    <use xlink:href="#circle1" />
    <svg width="50" height="50" transform="translate(20, 10)">
        <use xlink:href="#circle2" />
    </svg>
</svg>
Run Code Online (Sandbox Code Playgroud)

transform属性适用于Firefox,但不适用于Chrome/Chromium,为什么?我用错了吗?

svg google-chrome transform chromium

4
推荐指数
2
解决办法
1062
查看次数

标签 统计

chromium ×1

google-chrome ×1

svg ×1

transform ×1