Question

我有一个普通的HTML页面，就像这个样本：

<html>
  <head>
    <title>Test</title>
  </head>
  <body>
    <img src='test.svg' id='myImage' />
  </body>
</html>

以某种方式可以编辑'img'标签中包含的SVG图像吗？我想添加圆形或动画等元素。

感谢您的帮助。

Answer 1

你应该直接在html中使用svg才能轻松操作svg。如果您有外部文件，可以通过ajax加载它以避免重复代码（或只是将其包含在服务器上）。我的经验是，使用src属性，html中的svg更容易处理。

<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>

通过JavaScript编辑外部SVG图形

1 个答案: