gorogoronyan FC2

SVG いろいろ

Web ブラウザで拡大縮小表示 (2014/02)

最近のブラウザはページ全体の拡大・縮小表示機能がついているので、 サンプルを拡大してみてください。 ビットマップ画像の拡大表示のようなギザギザが発生しないと思います。 これがベクター画像データの特徴です。

ノート (2021)

2010年代半ばまで、SVG のテキストは IE10, Firefox26, Chrome32 などブラウザごとにフォントの種類や配置が異なり 扱いにくかった。 現在はどのブラウザでもほぼ同じように表示されます。

SVG を使用しているページ (2014/02)

最近、価格.com のグラフが SVG になっていた。

左:価格.com (Chrome32、Flash無効)
(2014/02)以前まで Flash がないとグラフが見れなかったのだけど、 SVG になったので Flash がないブラウザでも見れるようになった。
左:Google Public Data (Chrome32)
こちらのグラフも SVG を使用。
左:stat counter (IE10)
2014年頃、Flash がない場合、Firefox と IE10 で SVG のグラフを表示。 こちらのページは Chrome32 では見れなかった。

2017年では Chrome でもグラフが表示される。

関連

inserted by FC2 system