1

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

所以我有一个包含大约 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>
4

0 回答 0