hirokonaBlog

ググる→忘れそう→即時メモ 京都のWebデザイナーの備忘録

SVG Links

・SVG描画調査
can i use svg
http://caniuse.com/svg

svg pathの表示非表示を切り替えるのにstroke-dasharrayを使う手法
https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/stroke-dasharray
実例
http://www.fontwalk.de/

容量がどんくらいいるのかが心配ですが、
単純におんなし内容の描画ならそこまで負荷は無いようです
http://blog.asial.co.jp/1106

※IE9ではhtml5化が必要(xhtmlの場合描画がうまくいかない)
http://pieceofnostalgy.blogspot.jp/2011/07/bloggersvgie9.html

※細かくsetIntervalで回すとIE9では高負荷らしくかなり処理落ちした

※rotateとかChromeではcss3で行けたけど、IE9はダメだったので組み込みの属性使う

※ちなみにブラウザは〜IE8未対応 android2.X系未対応なり


投稿日

カテゴリー:

投稿者:

タグ:

コメント

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください