Chrome中的SVG：属性转换≠；CSS变换

为了能够使用CSS转换（在Chrome、FF中），我已经开始将一些SVG属性样式转换为CSS样式。然而，我在Chrome中遇到了一个问题：如果窗口缩放不是100%，translate的行为似乎有所不同

<svg style="position:absolute">
    <rect width="20" height="20" fill="blue"
    transform="translate(50,50)"></rect>
</svg>
<svg style="position:absolute">
    <rect width="20" height="20" fill="red"
    style="-webkit-transform:translate(50px,50px)"></rect>
</svg>

---

红色的三角形应该在蓝色的三角形上，但当我放大时不是这样。我必须放弃将SVG属性样式转换为CSS样式的计划吗？

看起来我要使用SMIL动画。它们允许SVG表示属性的转换，并且现在在FF和Chrome中具有良好的支持

主要的缺点似乎是，如果动画未完成，从动画所在位置反向撤消动画并不简单。

如果我给出“是”的回答，您会接受吗？这似乎是一个隐晦的投诉，或者bug报告或者其他什么。“我在做X，但它没有给我想要的结果。这是否意味着我必须停止做X才能得到我想要的结果？”是的。是的，你知道。：-）说得对。我是web开发新手，对SVG规范还不太了解，无法判断它是否是一个bug。我希望得到的答案是“您必须在CSS中使用

50unit

”或“以下是如何将转换应用于SVG属性”。如果这确实是一个bug，并且没有简单的解决方法，那么答案就是“是”。