ここでSVGを知っている人はいますか?もしそうなら、どのようにそれを学びましたか。
書籍/チュートリアルのポインターは有益です。また、私はデザイナーではなくプログラマーなので、そこでスキルを身につけたいと思っています。
試してみたい方法の 1 つは、直接実験することです。Inkscapeは、グラフィカルに編集しながら XML ツリーを直接表示および操作できるオープン ソースの SVG エディターです。このようにして、さまざまなことを試して、生成される XML にどのように影響するかを確認できます。
w3schoolsのSVG チュートリアルをご覧ください。そこにはSVG リファレンスもあります。
別の非常に優れたソースはSelfSVGですが、ドイツ語です。
私がSVGで見た中で最高の参考書は、J。DavidEisenbergによるSVGEssentialsです。私はその本を使ってSVGを学びました。また、Firefoxを使用してSVGを表示し、Inkscapeを使用してSVGを作成しました。
http://en.wikibooks.org/wiki/SVGが役立つかもしれません。
私は仕様でそれを学びました: Scalable Vector Graphics on W3C . SVG 1.1 仕様を参照してください。少しドライですが、それが本物です。また、リソースへの多くのリンクも提供します。
もちろん、最初に XML 仕様を読むことをお勧めします... :-) JavaScript の知識も役立ちます。
あなたの質問への回答: はい、私は SVG を知っています - または少なくともそのサブセットです。
学習方法: 解決したい特定のタスクがあり、SVG が最も簡単なコースのように思えました。これはマッピング システムだったので、関数の小さなサブセットが必要で、画像を jpg として出力する必要がありました。そのために私はBatikを使用し、それらの例を見て、XMLで画像がどのように構築されているかを見て、驚くほど役に立ち、フォーラム/メーリングリストで質問しました. 時々イライラする場合でも、間違いを犯すことは役に立ちます。
SVGbasicsは良い出発点であることがわかりました。SVG Essentialsに対する Rich の選択に 2 番目です。
そして、究極の詳細については、 SVG 仕様を手の届くところに置きたいと考えています。仕様が進むにつれて、それはかなり退屈な読み物ですが、多くの例も含まれています.
このユーティリティで SVG パスを練習できます: Spark Path Utility