この昆虫のSVGを持っているとしましょう。この方法で他に不可能でない限り、<img />または<object />タグとして挿入したいと思います。
現在、insect.svgには2つのアニメーションがあります。1つは歩行用、もう1つは飛行用です。
これらのアニメーションを個別に、およびHTMLのJavaScriptから開始/停止したいと思います（または、HTMLJavaScriptから埋め込みSVGJS関数「walk」または「fly」を呼び出します）。
つまり、ゲームプレイ中に昆虫を飛ばしたい場合は、JSでそうするように通知し、飛ぶべきではなくなったときに停止するように指示することができます。ウォーキングも同じです。
これを行う方法はありますか？私は過去1時間グーグルをしていて、実際の発見はありませんでした。それが問題である場合、私はIEサポートを気にしません。
お時間をいただきありがとうございます！
SMILアニメーションハイパーリンクを使用してみることができます。開始するアニメーションのIDをURLの＃の後に置きます。たとえば、http：//www.w3.org/Graphics/SVG/Test/20061213/htmlObjectHarness/full-animate-elem-21-t.htmlを参照してください。マウスをクリックするとURLが変化し、アニメーションが開始されます。
それ以外の場合、JavaScriptを使用してアニメーションを開始する場合は、次のようになります...
var svgDocument = document.getElementById("objectId>").getSVGDocument();
svgDocument.getElementById('<animationElementId>').beginElement();
ただし、これは<img>スクリプトを許可しないため、要素では機能しません。