使用 Snap SVG 加载压缩的 svg

Question

我有：

Snap.load(src, function(f){im = canvas.canvasSvg.g(f.select('*'));});

变量 src 保存指向 svg 文件的方向（如：“resources/foo.svg”）。 我需要将加载的 svg 放在一个组中，以便以后正确访问它。这工作得很好。

现在，我想使用压缩的 svg 格式 (svgz)。但是当 src 指向一个 svgz 文件时，（“resources/foo.svgz”），我得到以下错误：

Resource interpreted as Image but transferred with MIME type application/x-gzip: "http://localhost:8888/web/resources/foo.svgz".

这是为什么？以及如何将压缩的 foo.svgz 加载到 Snap 中？谢谢！

Answer 1

如果此文件来自网络服务器，您需要保留 mime 类型，即保留为 image/svg+xml，而是将 Content-Encoding 更改为 gzip

如果它是一个本地文件，那么你就不走运了，因为没有办法向 UA 表明它是什么，除非 UA 本身识别它并且大多数人不识别它。