嗨,我遇到了一个非常奇怪的问题。请记住,这些都是在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>