SVGグラフィックスの編集

Amaya はあなたに拡大縮小可能なベクター・グラフィック(SVG)仕様の後に続く Web ページにベクター・グラフィックを含めることができるようにする。 ゴールは、それらのドキュメントに科学的著者がインクルードする図画に十分な言語のサブセットを実装する以外に、すべての SVG 要素と属性を列しない。

Amaya は構造化されたコンポーネントとして、同じように SVG 要素を HTML 要素として扱う。 そのために、あなたが HTML ドキュメントの他のパーツを巧みに細工する（とき・から・につれて・ように）、あなたは構造体ビューで SVGグラフィックスを巧みに細工することができる。

取り扱うテキストのために Amaya によって提供されたすべての編集コマンドは同様に取り扱うグラフィックスのために利用可能である。

警告： SVG オーサリングは開発中である。 あなたはバグのことを発見するかもしれない、そしてユーザインタフェースは将来変化するかもしれない。

グラフィックスを作成する

グラフィックスを描くために、あなたは SVG キャンバスを必要とする。 キャンバスは XML ドキュメントの中にドキュメントそれ自身あるいは<svg>要素であり得る。 SVG ドキュメントがファイル->新規作成->新しいSVG作図コマンドによって作成される。 要素ツールのタブがあなたに XML ドキュメントの中に SVG キャンバスとグラフィック部品を作成することを可能にする。

あるユーザーは XML ドキュメントの中に「 SVG キャンバスの作成」を要求すると、Amaya はこのような<svg>要素が挿入されることができる挿入ポイントの周りに場所を見定める。When the user asks the creation of a SVG canvas into a XML document, Amaya looks for a place around the insert point where such a <svg> element can be inserted. 要素は既定幅と高さを持っている作られる。 後に、 SVG キャンバスが選択されるとき、ユーザーはそれのサイズを変えることができる。

もしユーザーが SVG キャンバスの外（に・で）グラフィックスを作ろうとするなら、 <svg>要素が新しいグラフィックコンポーネントをインクルードするために自動的に生成される。

ユーザーが SVG キャンバスの中でクリックすると、 SVG ツールが提供される、そしてユーザーがグラフィックコンポーネントを作ることができるとき：

• コネクター：線、単純か二重の矢印あるいはジグザグ
• テキスト、埋め込みの HTML 断片（ foreignObject ）、数学的な公式、イメージ。
• 基本的な形：正方形、（オプションとして丸い角になっている）長方形、ダイヤモンド、平行四辺形、不等辺四辺形、三角形、円、楕円。
• ボリゴン(polygon)、ポリライン(polyline), 開ベジェ曲/閉ベジェ曲線(Bézier curves)
• 一般的なポリゴン: 五角形(pentagon), 六角形(hexagon), 七角形(heptagon), 八角形(octagon), 様様な星形(various stars)
• ３Ｄオブジェクト：立方体、平行六面体、円柱、八面体、角錐。
• エレクトロニクスのための専門の記号、化学など。

フォーマットされたビューで、これらすべての作られたコンポーネントのポジションと大きさはダイレクト対話によって示される：In formatted view, the position and size of all these created components are indicated by direct interaction:

• コネクター（線以外）、基本的な形と３Ｄオブジェクトのために、左のマウスボタンを押すことによって、あなたは最初に左角のポジションを選択する。 ボタンを押し続けている（ドラッグする）間に、マウスを反対のコーナーのポジションに動かして、それからボタンを解放しなさい。 While holding down the button (drag), move the mouse to the position of the opposite corner, then release the button.
• テキストと foreignObject のために、あなたが要素を挿入することを望むポジションをクリックしなさい。.
• 多角形とポリラインのために、あなたは左のマウスボタンにおける対応するポジションにおいてポイントを生成するためにクリックする。 最後のポイントを指し示すために、ダブルクリックを使いなさい。 右のクリックあるいは Esc が追加のポイントなしで対話を止める。

ライン、矢、多角形あるいはポリラインが作成されるとき、shiftキーは１５°刻みに適合させられるかもしれない。

セレクションが構造体ビューにあるとき、コンポーネントが既定のポジションと大きさで作成される。

図形の選択

フォーマットされたビューで、グラフィックスを選択するためのルールは次のことである：

• もしコンポーネントが空虚であるなら、あなたはアウトラインをクリックする必要がある。 別な方法ではあなたは内部にそれをクリックすることができる。
• もしポリラインあるいはパスが選ばれるなら、その制御点は示されて、そして個々に選択されることができる。 もし選択された制御点がベジェカーブのセグメントの一部であるなら、対応するベジェハンドルは示される。
• もしshiftキーが押されるなら、あなたがクリックするそれぞれの新しい要素が選択に付け加えられる。
• いくつかのコンポーネントが、 SVG パネルの 長方形選択 ツールを使って、同時に選択されることができる。
• コンポーネントがグループ化されるとき、これらのコンポーネントはフォーマットされたビューで個々に選択されることができない。 ただグループだけが選択されることができる。 けれどもあなたは構造体ビューで（彼・それ）らを選択してもよい。

変換をグラフィックスに適用する

変換をコンポーネントに適用するために、あなたは最初にそれを選択しなくてはならない。 利用できる変換が右クリックにおける示されたコンテキストのメニューで SVG ツールの中で、同様に提案される。

可能な変換がそうである：

• コンポーネントのグループ化/グループ解除
• 重なりをコントロールするために、コンポーネントのレベルを変えること：背面へ送る, 一つ階層を下げる, 一つ階層を上げる, 前面に持ってくる
• 回転させる
• 垂直、水平の対称
• 拡大縮小、変形
• コンポーネントの整列: 左, 中央, 右, 上, 中央, 下. もしただ１つのコンポーネントが選択されるなら、位置あわせは SVG キャンバスに従ってされる。
• 部品を分配して、そしてそれらの間に余白を入れる

スタイリング・グラフィックス

あなたはスタイルパネルと一緒にいつでもグラフィックコンポーネントの若干のスタイル属性を変えることができる。 SVG コンポーネントが選択されるとき、スタイルパネルはディスプレイ仕様スタイル属性に変わる：

• 不透明度がグラフィックコンポーネント（フィルとストローク）のグローバルな不透明度をコントロールする
• 流し込みが塗りつぶす色とその不透明度をコントロールする
  • もし項目がチェックされないなら、グラフィックスは空虚である
  • 着色されたボタンは現在の色を表示する
  • パレットボタンは１つにもう１つの色を選択することを許
• ストロークがストロークの色とその不透明度をコントロールする
  • もし項目がチェックされないなら、グラフィックスはアウトラインを持っていない
  • 着色されたボタンは現在の色を見せる
  • パレットボタンは１つにもう１つの色を選択することを許す