SVG 簡易入力ツール
平成 25 年 11 月
更新履歴
更新日
2013/12/15
ページ
更新内容
第 1.0 版作成
目
1.
次
画面説明 ......................................................................................................................................1
1.1.
1.2.
1.3.
1.4.
1.5.
1.6.
1.7.
1.8.
1.9.
1.10.
1.11.
1.12.
1.13.
メイン画面 ............................................................................................................................... 1
メニュー説明 ............................................................................................................................ 2
編集の終了 ............................................................................................................................... 3
SVG データの表示 ................................................................................................................... 4
線色の設定 ............................................................................................................................... 5
塗りつぶし色の設定 ................................................................................................................. 6
ポリラインの描画 ..................................................................................................................... 7
ポリゴンの描画 ........................................................................................................................ 8
矩形の描画 ............................................................................................................................... 9
楕円の描画 .......................................................................................................................... 10
文字の描画 ...........................................................................................................................11
アイコンの描画 .................................................................................................................. 12
要素の削除 .......................................................................................................................... 13
SVG 簡易入力ツール
1. 画面説明
1.1. メイン画面
① 編 集 開始 ボタ
ンを押下します。
1
SVG 簡易入力ツール
1.2. メニュー説明
①
②
③
④
⑤
⑥
⑦ ⑧
①：編集を終了します。
②：編集した SVG ファイルを表示します。
③：線の色を指定します。
④：塗りつぶしの色を指定します。
⑤：ポリラインを描画します。
⑥：ポリゴンを描画します。
⑦：矩形を描画します。
⑧：楕円を描画します。
⑨：文字を描画します。
⑩：アイコンを描画します。
⑪：１つ前に戻ります。
2
⑨
⑩ ⑪
SVG 簡易入力ツール
1.3. 編集の終了
編集したデータを破棄して、編集画面を終了します。
① 編 集 終了 ボタ
ンを押下します。
3
SVG 簡易入力ツール
1.4. SVG データの表示
編集した SVG ファイルのソースを表示します。
ワードパッド等のテキスト編集ツールに、コピーして SVG ファイルを保存してください。
① ソ ー ス 表 示 ボタ
ンを押下します。
4
SVG 簡易入力ツール
1.5. 線色の設定
描画する図形の線の色を設定します。
① 色 設定 ボタン を
押下します。
②OK ボタンを押下
します。
5
SVG 簡易入力ツール
1.6. 塗りつぶし色の設定
描画する図形の塗りの色を設定します。
① 色 設定 ボタン を
押下します。
②OK ボタンを押下
します。
6
SVG 簡易入力ツール
1.7. ポリラインの描画
ポリラインを描画します。
マウスの左クリックで頂点となる位置をクリックします。
Enter キー：ポリラインの描画を終了して登録します。
Delete キー：1 つ前の頂点に戻ります。
①ポリライン描画ボタ
ンを押下します。
7
SVG 簡易入力ツール
1.8. ポリゴンの描画
ポリゴンを描画します。
マウスの左クリックで頂点となる位置をクリックします。
Enter キー：ポリラインの描画を終了して登録します。
Delete キー：1 つ前の頂点に戻ります。
①ポリゴン描画ボタン
を押下します。
8
SVG 簡易入力ツール
1.9. 矩形の描画
矩形を描画します。
マウスの左クリックで始点となるとなる位置をクリックし、そのままドラッグします。
Enter キー：矩形の描画を終了して登録します。
①矩形描画ボタンを
押下します。
9
SVG 簡易入力ツール
1.10.
楕円の描画
楕円を描画します。
マウスの左クリックで中心となるとなる位置をクリックし、そのままドラッグします。
Enter キー：楕円の描画を終了して登録します。
①楕円描画ボタンを
押下します。
10
SVG 簡易入力ツール
1.11.
文字の描画
文字を描画します。
マウスの左クリックで文字を描画する位置をクリックします。
①文字描画ボタンを
押下します。
11
SVG 簡易入力ツール
1.12.
アイコンの描画
アイコンを描画します。
マウスの左クリックでアイコンを描画する位置をクリックします。
①アイコン描画ボタン
を押下します。
12
SVG 簡易入力ツール
1.13.
要素の削除
登録済みの要素を１つ前の状態に戻します。
①要素削除ボタンを
押下します。
13