SVG清晰快速地使用ios原生捏缩放,但没有使用3d css变换

时间:2013-02-06 19:11:08

标签: ios svg

嗨,我遇到了一个非常奇怪的问题。请记住,这些都是在iPad 3上使用iOS 6.1移动游戏。

所以我有一个包含大约1500个对象的大型SVG文件(像矩形这样的简单对象)。如果我将这个svg文件直接加载到safari中,它会非常快速且响应迅速。我可以平移和捏缩放速度非常快,所有东西都清晰可见。

但是,这对我正在创建的网站来说还不够。我需要能够将svg文件加载到div中,并且仍然允许用户平移和缩放。为此,我添加了一些触摸事件处理程序,并使用3d CSS变换为svg设置动画。它非常适合平移,但当我放大svg时它开始变得像素化。

这非常令人困惑,因为这两种方法都使用硬件加速,但后者看起来模糊不清,而前者则不然。

有人知道为什么会这样,以及如何解决它?

感谢。

仅供参考我将如何平移和缩放svg:

<div style="-webkit-transform: scale3d(4, 4, 1) translate3d(20px, 100px, 0px);">
    <svg version="1.1" width="1024px" height="512px">
        ...
    </svg>
</div>

0 个答案:

没有答案