SVGで画面全体に斜め線や曲線を引く

SVGで画面全体に斜め線や曲線を引く 一昔前だと単純な斜め線とか円をバックに置きたいときは画像で作ってましたが、最近ではわりとSVGを使うことが多いようです。 SVGの良いところはベクターなので画面全体に配置しても荒くなったりしないとか、コードで作成できるので後々アニメーションなどもできたりします。 ここでは単純な図形ですが画面全体に表示する方法をご紹介します。 投稿日2015年09月29日 更新日2015年10月14日 準備 まずはSVGをHTML内に記述する方法です。 HTML <div id="wrap"> <div class="description"> ここにコンテンツが入ります。 </div> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="

[azuuun]

[曲線]

[otchy210]

Snap.svg 知らなかった。Raphaël とどっちがいいのかしらん。ぱっと見だと、Raphaël の方が抽象度が高く、svg 自体の知識を要求されないように思える。一方、ファイルサイズは Snap.svg の方が小さいのね。