Google+より投稿

クリッピング

=======================================
クリッピング



svg2cssはPython製のオープンソース・ソフトウェア(MIT License)です。SVGのベクター画像はもっと使われるべきだと思うのですが、レガシーなブラウザでは表示ができないのが躊躇させてしまう要因です。そこで試してみたいのがSVGをCSSで表現してしまうsvg2cssです。使い方は簡単で、ターミナルでSVG画像を指定する程度です。元のSVG画像です。半透明の部分があります。こちらがHTML化されたものです。再現性はとても高いです。ソースを見るとCSSのスタイルが数多く出力されているのが分かります。日本語のテスト。ばっちり出力されています。ぼかしを加えた版もあります。こちらも問題なさそうです。複数のデータをスライド式にしたSVGのテストです。左右をクリックして切り替えられます。こんな感じです。画像のテスト。画像の形を変えたり、一部だけを表示したりする事もできます。画像は別ファイルのものを読み込みます。元々の目的としてはInkscapeのプラグインであり、作成したドローをSVG...





https://plus.google.com/106218564410864892476

June 14, 2013 at 05:59PM

コメント

このブログの人気の投稿

投稿時間:2021-06-17 05:05:34 RSSフィード2021-06-17 05:00 分まとめ(1274件)

投稿時間:2021-06-20 02:06:12 RSSフィード2021-06-20 02:00 分まとめ(3871件)

投稿時間:2020-12-01 09:41:49 RSSフィード2020-12-01 09:00 分まとめ(69件)