問題タブ [svg-animate]

私はHTML5、SVGの初心者です。基本的に、作成したSVGパスを介してhtml「div」オブジェクトを移動する必要があります。

私のHTMLは次のようになります

CSS

js

このようなパスを作成しました。作成されたパスを介して$（'＃car'）を移動する方法が完全に混乱していますか？

ご意見をお聞かせください

何が欠けているのかわからない。SVG アニメーションは chrome では正常に表示されますが、ie9 と firefox では画像が表示されますが、アニメーションが表示されません。

Corel Draw x5 から svg ファイルをエクスポートしました。

そして、私はアニメーションを追加しました:

コードは jsfiddle http://jsfiddle.net/calamar888/WsxHs/で見ることができます

本当にありがとう！

PS 1:私はすでに答えを探していると言わざるを得ませんが、これまでのところ私の問題を解決するものは何も見つかりませんでした.

PS 2: Firebug コンソールに何も表示されない

javascriptを使用して、2つの重複するsvgパスを1つの統合された単一パスに結合する方法はありますか?

バウンティアップデート：私はこれにバウンティをかけているので、誰かが私のコードを変更するのとは異なる解決策を思いついた場合に備えて、もう少し情報を提供したいと思いました。HighCharts目的は、棒グラフと縦棒グラフの実際のカテゴリ位置をアニメーション化することです。実際の「バー/列」のアニメーションはHighChartsに組み込まれているようですが、ラベルの位置が問題になっています。JSFiddleについては以下を参照してください。また、この質問がSVGを扱っていることは知っていますが、IE8でもアニメーションのサポートが必要です。

私は現在、HighCharts棒グラフと縦棒グラフのカテゴリの再編成をアニメーション化する使命を帯びています。

棒グラフは正常に機能しており、カテゴリとラベルを再編成する機能があり、ラベルは次のコードでアニメーション化されています。

現在、列の作業を行っていますが、ラベルをアニメーション化するのに大きな問題があります。コードは比較的同じです：

私はSVG要素のアニメーションを許可するために使用しています。ここでjQuery SVG見つけることができます。

ここで私が取り組んでいるjsFiddleを見ることができます。各チャートの下にある[実行]ボタンをクリックするだけで、実際の動作を確認できます。

カテゴリのアニメーション化を可能にする実際の「ハック」はHighcharts.Series.prototype.update = function(changes, callback){関数です。

何かを機能させるために遊んでみたところsvgY、列ラベルをアニメーション化できることがわかりましたがsvgX、まったく機能していないようです。

実際のHighCharts.jsハッキングは大歓迎です。

CSS3またはJSでラジアルワイプアニメーションを実現するにはどうすればよいですか？とてもシンプルに見えますが、理解できません。

私はsvg-edit.googlecode.comを使用しています。SVGでアニメーションを作ることはできますか? 頭を回転させるゲームで画像をアニメーション化する必要があります。アニメーション用の 10 フレームの画像がありますが、アニメーション用の svg に取り込む方法がわかりません。ゲーム キャラクターを SVG でアニメーション化する方法を教えてください。