SVG画像のサイズの変更時にちょっと困ったことを整理しました。 SVG画像のサイズの変更の仕方 まず、基本的な情報をすこし説明します。 139px × 71pxの縦横不規則な kingyo.svg を作成して、<svg>タグ側に、width/height で実寸サイズを設定せず、その都度サイズを ...

SVGは比較的古くからある仕様の1つですが、 2010年3月にマイクロソフトがInternet Explorer 9でのサポートを表明してから一気に注目が高まりました。そんな古くて新しいSVGを今から使える情報と、 将来の展望を全4回の集中連載で解説します。 SVGとは SVG （Scalable ...

SVGデータのHTMLへの埋め込みは10年近く前からできましたが、当時のブラウザーではSVGはプラグインでサポートされており ...

なるべく最小限の設定で簡単に読み込むだけのデモ。 画像ファイルとして扱った場合 「xxx.svg」のようなSVGファイルとして ...

今回はThe Shodo（注1）で利用している技術の中から、ベクターグラフィックスを扱う「SVG」とWebサイトからフォントをダウンロードして利用する「WebFonts」の活用どころを紹介します。 注1 2011年1月時点ではHTML5の仕様が確定しておらず、The Shodoもブラウザごと ...

今回は「SVGファイルの変換」について。拡大しても滑らかさを保てるベクター画像フォーマットのSVGは、インターネット上に高品質なクリップアートが多数公開され、文書の挿し絵などに重宝する。しかし対応するソフトは多いとはいえず、現状では ...

SVGで棒グラフのバーをアニメーションさせる ベクターベースのSVGは、多くの解像度へ対応が必要な場面でとても有効な技術と言える。今回はSVGの画像を、JavaScriptを使用して簡単にアニメーションしてみよう。 SVGで描かれた画像はベクター形式のため拡大 ...