我有一个普通的 HTML 页面,就像这个示例一样:
<html>
<head>
<title>Test</title>
</head>
<body>
<img src='test.svg' id='myImage' />
</body>
</html>
是否可以编辑“img”标签中包含的 SVG 图像?我想添加圆形或动画之类的元素。
感谢帮助。
我有一个普通的 HTML 页面,就像这个示例一样:
<html>
<head>
<title>Test</title>
</head>
<body>
<img src='test.svg' id='myImage' />
</body>
</html>
是否可以编辑“img”标签中包含的 SVG 图像?我想添加圆形或动画之类的元素。
感谢帮助。
您应该直接在 html 中使用 svg 以便能够轻松地操作 svg。如果你有一个外部文件,你可以通过 ajax 加载它以避免重复代码(或者只是将它包含在服务器上)。我的经验是 html 中的 svg 比使用 src 属性更容易处理。
<html>
<body>
<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
<circle cx="100" cy="50" r="40" stroke="black"
stroke-width="2" fill="red"/>
</svg>
</body>
</html>