ちょいチャレ - Sapporo · さまざまなまちづくりの現場で、市民活動の広報や実践をサポートしてきた 2人の講師が、企画広報室でまっています!
SVGの編集 - opengis.co.jp · SVGエディタがあります。Adobe Illustrator...
Transcript of SVGの編集 - opengis.co.jp · SVGエディタがあります。Adobe Illustrator...
( 翻訳 ) 株式会社 オープン 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 のスタイルや描画ツールで編集しています。