HTML5   发布时间:2022-04-27  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了iOS Safari的SVG文件大小限制大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在开发一个使用img标签显示SVG文件的移动网站. SVG文件大约为500 kB.该图像在 Android版本的Firefox和Chrome中呈现正常.但是,在iOS Safari中,我只会看到带有问号的可怕的小蓝盒子.

我知道iOS中的图像文件大小有限制.根据Apple的Safari Web Content Guide

我想SVG文件的大小有一些限制,但由于它们是矢量化的,因此用解码像素描述它们的大小并没有多大意义.有谁知道如何确定SVG文件的限制?

附:当我直接浏览SVG文件而不是通过HTML页面时,我能够查看图像.我也可以在IFRAME中查看SVG文件.但不使用img标签.

@H_944_9@解决方法
我制作了一些不同大小的测试SVG文件.它们看起来像这样
<?xml version="1.0"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
  "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg width="2000" height="2000" xmlns="http://www.w3.org/2000/svg">
    <text x="100" y="100" font-size="50">2000x2000</text>
</svg>

使用browserstack模拟iPhone 5和第三代iPad,我发现故障点介于2200×2200和2400×2400像素之间. 500万像素的限制对应于2289×2289的图像,因此这与Duopixel’s comment一致,表明渲染的大小是重要的.

大佬总结

以上是大佬教程为你收集整理的iOS Safari的SVG文件大小限制全部内容,希望文章能够帮你解决iOS Safari的SVG文件大小限制所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。