マークアップ・エンジニアのためのSVG入門 | 第1回 SVGコードの基本

マークアップ・エンジニアのためのSVG入門 第1回 SVGコードの基本 この記事ではまずSVGのコードとしての基本と、さまざまな実装方法を概観してみましょう。それぞれの特徴を捉えられると、実装方法の選択が適切にできます。 はじめに SVGは、Android2.0系やIE8では対応していませんので、今の段階で気軽には使いづらい技術です。しかし、iOS Safari向けのWebページなど、限られた環境に向けては効果を発揮します。今回はマークアップエンジニアが知っておくべきSVGの仕様や使い方を見直してみましょう。 画像でありテキストである 「SVG＝スケーラブルなベクター形式」は、SVGの大きな特徴です。このことは多くの人が認識しているでしょう。 ラスタ形式は特に拡大に弱く、拡大するとドットが目立つ。一方、ベクター形式は拡大しても画像の劣化はない。 SVGにはソースコードが存在し、これにより画

[bleu-bleut]

5つの埋め込み方法。

[zakkym13]

SVGファイルの問い合わせがありましたので覚えておきましょう

[efcl]

SVGのviewBoxの解説がわかりやすい。 サイズや座標系

[antennavoice]

“SVGは画像ですので、CSSでbackground-imageなどから、画像として参照することもできます。”

[yfnt]

マークアップエンジニアのためのSVG入門 - SVGコードの基本 | CodeGrid

[glat_design]

SVGの基本的な解説 /

[kitokitoki]

「widthが512、heightが512に対して、viewBox="0 0 512 512"と指定しています」