时间戳

首页 > 解决方案 > SVG 在网页上工作，但不是作为嵌入式 .svg 文件

svg - SVG 在网页上工作，但不是作为嵌入式 .svg 文件

问题描述

我正在尝试从 .svg 文件加载 SVG。当我将 SVG 代码复制到网页本身时，它可以工作。但是，当我从 .svg 文件加载 SVG 代码时，它不起作用。

这有效：

索引.html：

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
  </head>
  <body>
    <svg height="100" width="100">
      <polygon points="0,40 60,40 60,100 40,100 40,60 0,60" style="fill:lime"/>
    </svg>
  </body>
</html>

这不起作用：

索引.html：

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
  </head>
  <body>
    <object data="pic.svg"></object>
  </body>
</html>

图片.svg：

<svg height="100" width="100">
  <polygon points="0,40 60,40 60,100 40,100 40,60 0,60" style="fill:lime"/>
</svg>

即使使用

<img src="pic.svg"/>

不起作用。

为什么会这样？我哪里错了？

标签： svg

解决方案

推荐阅读