SVG显示<img/>和<object>之间的差异

Question

在<img>或<object>标记中显示SVG图像有什么区别？我在Android 3.1上的<img>标记中使用SVG图像时遇到了一些问题：

上部示例中的形状是<img>标记，最低的示例是完全相同的图像，但显示在<object>中。 为什么这会以不同的方式显示？并且<object>缓存为<img>？

你们有什么建议？

Answer 1

SVG为used as an image时的差异（html <img> SVG <image>或CSS背景图片）

• 没有脚本
• 没有互动性
• 没有外部依赖项（在单个文件中完成）
• 没有DOM（即没有从外部访问它们的脚本）
• 可以通过drawImage
复制到画布中

我怀疑你正在遭受无外部依赖规则的困扰。您可能还想检查SVG数据是否在根元素上具有preserveAspectRatio属性，如果这样做，则该属性的值不是none。