2016-06-16 3 views
1

私はこのプロジェクトをD3.jsとHTML5で構築しているので、棒グラフ、円グラフなどの要素で多くのd3アニメーションを使用していますしかし、私の会社は今私たちの会社のために何らかのロゴをデザインしたいと思っています。今、彼らはこのロゴに異なるアニメーションを持たせたいと思っています。SVG要素にクイックアニメーション/ SWFを埋め込む

本質的に2つの部分があります。すべてのアニメーションで設計/作成されているロゴがあります(d3.jsの一部ではありません。これは、私たちがアウトソーシングしている完全に別個のプロジェクトです)。次に、d3.jsをベースにしたプロジェクトがあります。

アニメーターから返信する必要があるファイルの種類がわかりません。私は既存のsvg要素に埋め込むことができる必要があります。

私はsvgでswfファイルを取得できるかどうか調べてみましたが、私は運がないと思います。私は.GIFファイルを追加することができることを認識していましたが、実際には.swfファイルやアニメーション用の「公式」を入手する必要があります。 .swfファイルを埋め込むために私が試したことは次のとおりです。

svg.append( "embed")。attr( "src": "x");

私も試してみた:

svg.append( "オブジェクト")のattr( "データ": "X")。 .append( "埋め込み")のattr( "SRC":「Xを");

これは開発ツールのタグを表示していますが、ページには表示されません。

+1

「devツールのタグを表示します」に注意してください。すべてが開発ツールに表示されますが、それが有効であるとは限りません。例えば ​​'svg.append(" charlesdarwin ")'を実行すると、 '<'となりますが、うまくいきません... –

+0

なぜロゴを入れませんかSVGも。ロゴは、SMIL、CSS、またはJavaScriptでアニメートすることができ、既存のSVGに追加することは、SVGの仕組みをすでに知っていればかなり簡単です。 –

+0

@RobertLongson、ロゴはアウトソーシングされています。おそらくアニメーターはおそらくコーディング者ではないアーティストによって行われているでしょう。おそらくアニメーターは動いている結果のためにCSSやJavaScriptなどを書くのを好まないでしょう。 –

答えて

3

FlashはSVGを出力できます。
これらを確認してくださいgoogle resultsあなたのアウトソースデザイナーに何かをお勧めします。

彼らはこの機能がビルトインされた最新バージョンである場合:see video guide

彼らはCS 5/CS 5.5またはCS 6を使用している場合、彼らは試すことができ、このアドオン:Flash 2 SVG

+0

SVGに出力するときは、それを既存のキャンバスに追加するのと同じくらい簡単に行えますか? – James

+0

また、CSSレイヤー(zインデックス)を使用して、他のコンテンツの上に独自の一番上のレイヤー(浮動)にロゴを配置することもできます。 –

関連する問題