我正在尝试从.svg文件加载SVG。当我将SVG代码复制到网页本身时，它就可以工作。但是，当我从.svg文件加载SVG代码时，此方法不起作用。
index.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>
index.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>
pic.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"/>
不起作用。
为什么会这样？我要去哪里错了？