SVGの編集 - opengis.co.jp · SVGエディタがあります。Adobe Illustrator...

1
( 翻訳 ) 株式会社 オープン GIS 東京都墨田区吾妻橋 1-19-14 紀伊国屋ビル 1F Tel: (03)3623-2851 Fax: (03)3623-3025 E-mail: [email protected] SVG の編集 SVG ファイルはテキストなので、テキストエディタを使っ て編集できます。しかしテキストベースの HTML ファイル を直接編集せずに、グラフィカル なエディタを使用する人が多いよ うに、SVG ファイルを編集する方 法にも色々あります。限られた機 能の簡単な無料エディタや高度な レイヤ構成の描画ツールの特別な SVG エ デ ィ タ が あ り ま す。Adobe Illustrator 10 のような多くの商用 製品は SVG を直接サポートしてい ま す。Jasc WebDraw も ま た SVG ファイルを編集でき、描画、アニ メーションツール、スクリプトの埋 め込みをサポートしています。 ただし、産業界における SVG の サポートは未だ十分ではありませ ん。SVG の 仕 様 を 100% サ ポ ー ト しているビューアやエディタはま だありません。 SVG はアニメーションやイベントに基づくスクリプトや書類の修正 ( これらの機能のためマクロメディアの Flash はベ クタベースの Web グラフィックスとして人気を得ています ) をサポートしているため、SVG は 「新たな Flash」 と呼ば れることがあります。SVG のサポートが進むにつれて SVG をサポートする製品の数が増え、SVG 自体もより多くの機能 を持つようになります。これは Web 初期に現われた単純なハイパーテキストマークアップ言語が長い道を辿って現在の HTML となったのと同じです。 以下の機能を持つ SVG エディタ を探しましょう: 他のソフトウェアで作成した SVG を 開き、編集できる SVGソースの編集が柔軟でコント ロールし易い SVG ソースの文法チェックとエラー 報告機能 標準的なデザインツールを持った、 高品質な SVG グラフィック作成機能 ベクタグラフィックに対してグラ ディエントやパターン、フィルタ効 果が使える。 javascript を追加したり評価する機能 ( カスタム使用 ) SVG ファイルはどんな テキストエディタでも 編集できます。 多くのエディタでは 色付きのテキストを 使ってSVGの構造や 内容を見易くしていま す。この画面では Jasc WebDraw エディタを 使用しています。 この SVG は TNTmips の地図レイア ウトで作成したものです。Adobe Illustrator でそのまま開きました。 Adobe Illustrator 10 は SVG 形 式 を 直 接 サポートしています。 し、 Illustrator のスタイルや 描画ツールで編集して います。

Transcript of SVGの編集 - opengis.co.jp · SVGエディタがあります。Adobe Illustrator...

Page 1: SVGの編集 - opengis.co.jp · SVGエディタがあります。Adobe Illustrator 10のような多くの商用 製品はSVGを直接サポートしてい ます。Jasc WebDrawもまたSVG

( 翻訳 ) 株式会社 オープン GIS 東京都墨田区吾妻橋 1-19-14 紀伊国屋ビル 1FTel: (03)3623-2851 Fax: (03)3623-3025 E-mail: [email protected]

SVG の編集 SVG ファイルはテキストなので、テキストエディタを使って編集できます。しかしテキストベースの HTML ファイル

を直接編集せずに、グラフィカルなエディタを使用する人が多いように、SVG ファイルを編集する方法にも色々あります。限られた機能の簡単な無料エディタや高度なレイヤ構成の描画ツールの特別なSVG エディタがあります。Adobe Illustrator 10 のような多くの商用製品は SVG を直接サポートしていま す。Jasc WebDraw も ま た SVGファイルを編集でき、描画、アニメーションツール、スクリプトの埋め込みをサポートしています。 ただし、産業界における SVG のサポートは未だ十分ではありません。SVG の仕様を 100% サポートしているビューアやエディタはまだありません。

 SVG はアニメーションやイベントに基づくスクリプトや書類の修正 ( これらの機能のためマクロメディアの Flash はベクタベースの Web グラフィックスとして人気を得ています ) をサポートしているため、SVG は 「新たな Flash」 と呼ばれることがあります。SVG のサポートが進むにつれて SVG をサポートする製品の数が増え、SVG 自体もより多くの機能を持つようになります。これは Web 初期に現われた単純なハイパーテキストマークアップ言語が長い道を辿って現在のHTML となったのと同じです。

以下の機能を持つ SVG エディタを探しましょう:

• 他のソフトウェアで作成した SVG を開き、編集できる

• SVG ソースの編集が柔軟でコントロールし易い

• SVG ソースの文法チェックとエラー報告機能

• 標準的なデザインツールを持った、高品質な SVGグラフィック作成機能

• ベクタグラフィックに対してグラディエントやパターン、フィルタ効果が使える。

• javascript を追加したり評価する機能( カスタム使用 )

SVG ファイルはどんなテキストエディタでも編集できます。

多くのエディタでは色付きのテキストを使って SVG の構造や内容を見易くしています。この画面では JascWebDraw エディタを使用しています。

この SVGは TNTmips の地図レイアウトで作成したものです。AdobeIllustrator でそのまま開きました。

Adobe Illustrator10は SVG 形 式 を 直 接サポートしています。

要 素 を 選 択 し、Illustrator のスタイルや描画ツールで編集しています。