「SVG」の版間の差分

一方、ドローソフトの inkscapeInkscape で開く場合には、ファイルの拡張子を .svg にしてください。本書で紹介するsvgコードのほとんどは、拡張子を .svg に変えれば、inkscapeInkscapeで編集できます。

なお、W3C系の規格にもとづくSVGファイルをinkscapeInkscapeで読み込むことはできますが、しかしinkscapeInkscapeで編集したファイルには、W3C規格外のタグもあります。inkscapeInkscapeのSVGの仕様は、inkscapeInkscape SVG という名の独自仕様です。このため、inkscapeInkscapeで編集した図形を、そのままブラウザで読み込むのは、できたとしても、あまり好ましくないでしょう。

どうしてもinkscapeInkscapeでブラウザ用の画像を作成する場合、形式を「名前をつけて保存」などの際にプレーンSVGという形式（W3Cの素のSVG規格に比較的に近い形式）に変換できますので、プレーンSVGに変換しておいてからHTMLで読み込みをするのが安全です。

inkscapeInkscapeコミュニティの目的は、けっしてW3Cの想定するようなブラウザ開発ではなく、ドローイングソフトの開発がinkscapeInkscapeコミュニティの目的なので、ドローイングソフトとして必要な多くのタグが、inkscapeInkscapeで作成したファイルのソースには作成されます。（『メモ帳』などのテキストエディタで、inkscapeInkscapeで作成したSVGファイルのソースコードを簡単に閲覧できます。）

余談ですが、inkscapeInkscapeはSVG形式への変換の他、HTML5のcanvasタグの形式のhtmlHTMLファイルへも変換できます。

たとえばJavaScriptをhtmlHTMLファイルとは別の外部ファイル（拡張子 .js）として読み込む場合、コーディングは比較的に簡単に記述できるようになっています。

webブラウザに外部ファイルとしてsvgSVGファイルを読み込ませたい場合、Firefoxの場合なら、その外部SVGファイルに冒頭に、下記コードのように

Google Chrome および Microsoft Edge の場合も同様に、名前空間 <code> xmlns="http://www.w3.org/2000/svg" </code> の指定が必要です。（なお Google Chrome および Microsoft Edge の場合、キャンバスサイズの指定がなくても、自動でキャンバスサイズの設定が行われる。）

また、拡張子を.svgに変えてもinkscapeInkscapeで調べても同様に、titleタグの内容ではなくファイル名そのものがinkscapeInkscapeのファイル名に表示されます。