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

前回はSVGの概要を解説したので、 今回はSVGの具体的な書き方をざっくりと見ていきます。 と、 その前に前回のおさらいとして、 SVGをウェブページで用いる方法を2つにまとめます。 SVGをXMLとして記述し、 svgファイル （もしくはdataスキームなど） をobject ...

ここまではツールで作成したSVGファイルをコピー＆ペーストして埋め込む方法を解説しました。一方、SVGはマークアップ言語ですので、もちろん手でコードを書くこともできます。基本的な図形の書き方を見てみましょう。 もっとも単純な図形は円です。

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

SVG is short for Scalable Vector Graphics, a resolution-independent file format for images. This file format is frequently used for line art like logos and diagrams ...

“デザイン×アイデア×ITで すべての人を次の世界へ”をミッションとする株式会社ルクレ（以下、ルクレ）が提供する現場共有アプリ『蔵衛門（くらえもん）』は、SVGファイル形式（以下、SVG）に対応したアップデートを3月27日に公開しました。国土 ...

このページでは、Inkscapeを使って作成したドキュメントをSVG形式（正確にはInkscape用拡張SVG形式）以外の形式のファイルに保存する手順を紹介します。 Inkscapeでは「Inkscape入門」にも書いたように通常は「Inkscape SVG」という形式のファイルを読み書きします。

「svg-grabber」は、「Google Chrome」の閲覧ページに含まれるSVGイメージをワンクリックでまとめて抽出できる拡張機能。編集部にてWindows 10上の「Google Chrome」v64.0.3282.186で動作を確認した。“Chrome ウェブストア”から無償でダウンロードできる。 オランダの ...