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

Preview:

Citation preview

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

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 のスタイルや描画ツールで編集しています。

Recommended