svg要素の基本的な使い方まとめ

この文書ではsvgをhtml埋め込みデータとして扱う際の覚書として作成した．svgの要素と属性は実際の例を踏まえて説明したつもり． 注意事項 仕様はここを参照のこと． 本文書では実際の挙動を調べつつ自分なりの解釈が入っているため，多々間違いが入ってしまうかもしれないが，気にしない． スクリプトを使ってsvg要素の中身(ソース)を出力しているため，一部実際のコードと表示されるコードとの間に差異があるが，予めご了承いただきたい． 目標は見栄えのする図形をsvgの手入力でサラっと記述できるようになることなので，複雑な図形は素直にinkscape等専用のツールを使うと良い．ただ，ここで示したことはツールを使う上でも役に立つと思う．特にアニメーションなど． svg:ベクター画像のカンバスの定義，title:タイトル，desc:説明 html文書においてsvg画像を挿入したい場合,embed要素を用い

[ksss9]

神サイトだ

[noazoh]

svgに対する操作の実際が詳細に説明されている

[yu4u]

これはいいもの…

[hagino_3000]

滅茶苦茶内容が詳しい、細かい所まで検証してる。書いてる人が何者なのか気になる

[t-murachi]

よくまとまっとる。ありがたい。

[rindai87]

すごい充実しているな

[glat_design]

svg要素の基本的な使い方まとめは、SVGの学習や周知を目的としたSVGに関する情報をまとめたweb制作に関する情報サイト

[Kanasansoft]

SVGの詳細なリファレンス。

[bitgleams]

いいかも

[dhrname]

SIEの紹介感謝。かなりの量がまとめられている

[teramako]

すばらしい

[efcl]

SVGについてのチュートリアル。 SVG自体についての解説やsvg tinyの仕様について、Raphaël、D3.js、sieといったライブラリの利用方法などかなりの量が書かれている

[terurou]

よくまとめたなぁ、これ

[the48]

SVG