0

今日では、クールなインタラクティブSVGアートがページ内に埋め込まれているのを見るのが一般的です。Illustratorでオリジナルアートを作ってからSVGをエクスポートすると思いますか？彼らはどのように振る舞いなどを追加しますか。

誰かが実用的なSVGWeb開発のための優れたリソースを持っていますか？

4

1 に答える 1

3

最初に SVG を作成します。非常に単純なアニメーションでない限り、パス データを手動で記述できる可能性はほとんどありません。最も人気のあるエディタは、Illustrator (ただし、非常に高価です) と Inkscape (私の目的にはほぼ問題なく、無料です) です。それらを使って物を作る方法についてのチュートリアルがたくさんあります。Inkscape はかなりきれいで標準的な SVG にエクスポートできますが、これはおそらく手動でアニメーション化する必要があります。

以前に SVG にインタラクティブ性を追加した 2 つの方法は、JS を SVG 自体に配置すること (非常にファンキー) と、objectまたはを使用して SVG をページにインポートすることimgです。または、SVG を実際にページ内に配置し、ページの残りの部分と同じ JS で操作します。難しいことではありません。アイテムへのクリック ハンドラーの追加、移動、CSS によるスタイリングなど、JQuery を使用してページにできることはすべて、JavaScript を使用して行うことができます。とても便利です。

実用的なリソースに関する限り、私はMozilla Developer Network (MDN) をよく使用します。これは、SVG 要素に関する優れたリソースがあり、jQuery には独自の優れたドキュメントと、Google で使用できるほぼ無限のチュートリアルがあるためです。最後に、Inkscape と Illustrator には独自のマニュアルが付属しています。ある意味では、すべてを簡単にする本当に特定のサイトを探しているので、おそらく質問をしているでしょうが、基本的にすべての通常のものと同じWebテクノロジーであるため、1つもないと思います.慣れるためにいくつかの SVG 要素を追加して使用します。ベクター グラフィックス パッケージで生成する場合、それらはそれほど面倒ではありません。

于 2011-09-02T20:22:24.803 に答える