Question

我使用inkspace创建一个svg。 svg文件包含width和height，如下所示： <svg width="560" height="500">。

但是它中的矢量图形并没有填满所有画布。通过减小宽度值，我没有看到图形的比例，所以我猜线的长度是固定的。

在这种情况下，是否可以删除width，height，就像我们可以删除<img>代码一样？

Answer 1

你的svg实际上是两个svg根，它们相互冲突。在浏览器中一起查看它们的最佳方法是在<div>内复制每个内联。

e.g。

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
</head>
<body>
<center>
<div  style='width:400px;height:400px;'>
...paste svg 1 here---
</div>
<div  style='width:400px;height:400px;'>
...paste svg 2 here---
</div>
</center>
</body>
</html>

<svg>必须有宽度/高度值吗？</svg>

1 个答案: