Safari SVG图像缩放bug？

Question

我正在使用jQuery SVG动态绘制一些形状，这些形状也将图像作为子元素。我的标记看起来像这样

<g class="svg_hexagon" transform="matrix(1, 0, 0, 1, 0, 0) ">

<polygon points="377,191 327,278 226,278 176,191 226,104 327,104 377,191" stroke="none" fill="#ffffff"></polygon>
<g  class="front_face"> … </g>
<g class="back_face" style="opacity: 0;">
    <polygon points="377,191 327,278 226,278 176,191 226,104 327,104 377,191" stroke="none" fill="rgba(245,245,245,0.8)"></polygon>
    <image x="303" y="191" width="47" height="47" preserveAspectRatio="defer xMaxYMax" href="resources/img/ui/future.svg"></image>
    <image x="253" y="231" width="47" height="47" preserveAspectRatio="defer xMaxYMax" href="resources/img/ui/biceps.svg"></image>
    <image x="203" y="191" width="47" height="47" preserveAspectRatio="defer xMaxYMax" href="resources/img/ui/future.svg"></image>
</g>

当用户将鼠标悬停在元素（类：svg_hexagon）上时，将应用缩放和转换转换。 transform="matrix(1.3, 0, 0, 1.3, x, y)

比例影响六边形的所有子元素，也影响外部图像。问题是，图像在Mac OS上的Safari 6.0.5中显示为blury。它在同一系统上的Firefox和Chrome中运行良好。

火狐

Safari浏览器

I found this bug, that might be related，请参阅testcase here。这个例子在FIrefox或Chrome上也运行正常，但在Safari中没有，尽管这个bug已经被解析为“已解决修复”

在Safari中有解决方法吗？也许重新加载图像以防止缓存或其他什么？ 谢谢你的帮助！ =）

Answer 1

我刚注意到这已经在Safari 7中得到修复，适用于Mac OS 10.9。