1

このサンプルのような通常のHTMLページがあります。

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

´img´タグに含まれるSVG画像をどういうわけか編集することは可能ですか？サークルやアニメーションなどの要素を追加したいのですが。

手伝ってくれてありがとう。

4

1 に答える 1

1

svgを簡単に操作できるようにするには、htmlで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>
于 2012-07-11T17:24:26.053 に答える