Draw ツール

 上端のツール・ポップアップメニューから、色々なツールを選択できます。

 描画は HTML5 の機能を使っていますが HTML5 規格がまだ完全に FIX されておらず、ブラウザーによっては描画機能の一部しか提供されていません。現状では Chrome の対応が最も良く Safari も他からスケッチエリアへの画像ドロップ以外は大丈夫です。

Pen

 自由な曲線を描けます。

消しゴム

 ペンの色を白にし、太さを自由に設定して消してください。

ToothPaste

 歯磨チューブから搾り出したような曲線を描けます。

Line

 注釈につける棒線を描けます。棒線の開始点をクリックし、マウスを抑えたままドラッグし離すと、開始点から離した点まで棒線が引かれます。開始点の色はカラーパレットで選択できます(現在の HTML5の仕様では描画中の線は見えません。ドラッグしたマウスボタンを離すと見えます)。

Text

 ツール・ポップアップメニューから「Text」を選択すると、文字入力パネルが現れます。文字入力後、画面上をクリックすると、その位置に文字が貼り付けられます。文字色はカラーパレットで選べます。

カラーパレット

 カラーパレットのクリックで色を選択できます。

カラー属性
  • スライダーでペンの太さを調整できます
  • スライダーで色の透明度を調整できます

 選択されたカラーや透明度、ペンの太さなどは、左上のインジケータで確認できます。

画像の貼り付け
  • スケッチ・エリアへの画像の貼付
  •  デスクトップやファインダーから画像アイコンをドラッグ・アンド・ドロップでスケッチ・エリアに貼り付けられます(Safari は HTML5 一部未対応のためドロップできません。Chrome は対応)。

  • カルテへの画像の貼付
  • 「読込」ボタンで表示されたサムネイルをドラッグして NOA 所見欄の編集領域にドロップできます。編集領域には HTML 形式で貼り付けられますが「確定」するとサムネイルとして表示されます。
     サムネイルのサイズは右下のハンマー・アイコンあるいは NOA の「HELP」「初期設定」「サムネイル・サイズ設定」で設定できます。

クリア・アイコン

 赤い「進入禁止」アイコンで画面をクリアします。

読込

 臨時・図版・カルテのタブを選択することにより、夫々のフォルダー内の画像がサムネイルとして表示されます。

サムネイルと、その上部2色アイコンのクリックによる動作。

  1. サムネイルをドラッグ・アンド・ドロップ:画像をカルテの編集領域にドロップできます。編集を確定するとカルテに画像が表示されます
  2. サムネイルをクリック:実物大画像を参照できます。これはデスクトップなどへドラッグ・アンド・ドロップできます。
     ただし、サムネイルを直接ドラッグした時の形式とは違うので、カルテにドロップしても画像は表示されません。
  3. グリーン:画像がスケッチ・エリアへ貼り付けられます(これが可能なのは画像のみ)
  4. レッド:サムネイルをサーバから削除します
保存

 作成した絵は「保存」ボタンでサーバに保存できます。保存先を選択してください。保存先には以下の3種類があります。

  1. 臨時:図版にもカルテにも属さない臨時の画像を保存するフォルダー。
  2. 図版:カルテで頻回に使われる図や画像を保存しておくためのフォルダー。カルテに押すゴム印のようなもの。
  3. カルテ:カルテのツール・メニューから Draw ツールを開いた場合、そのカルテ専属の画像を保存するフォルダー( Draw ツールを直接開いた場合、「カルテ」タブは表示されません)。
アップロード

 スケッチ・エリアに描いたものに限定せず、パソコン上の色々なファイルをサーバに蓄積する機能です。

 アップロード先を聴いてきますので、ラジオボタンを選択してください。次の画面でファイルを選択し、ファイルをアップロードのボタンを押すと、ファイルがサーバへ保存されます。

 テキストや動画、圧縮ファイルなども保存できます。

ウインドーの位置とサイズを記憶

 右上の「ウインドーサイズ」アイコンをクリックすると、現在の Draw ウインドーの位置とサイズを記憶し、次にウインドーを開いた時、この位置とサイズを再現してくれます(この機能は、カルテから Draw を開いた場合しか効きません)。

サムネイルの表示サイズを設定

 パネル右下のハンマー・アイコンで、カルテに添付した時のサムネイル画像の表示サイズを設定できます。NOA の「HELP」「初期設定」「サムネイル・サイズ設定」でも同じように設定できます。


スケッチを描き、カルテへ添付の流れ
     
  1. NOA の「道具メニュー」あるいは「所見」欄の編集パネルから Draw を開く
  2.  
  3. Pen の太さや色を選んで図を描く
  4.  
  5. 必要に応じ Line や Text で註釈を加える
  6.  
  7. 必要に応じ白色 Pen を消しゴムとして使う
  8.  
  9. 「保存」ボタンで、保存先ラジオボタンを表示
  10.  
  11. 保存先として「カルテ」を選択し「保存」
  12.  
  13. 表示されたサムネイルを drag an drop でカルテ所見欄へ貼り付ける
  14.  
  15. 所見欄を確定すると、貼り付けた図が表示される
  16.  
  17. Draw を閉じる
Update: 2011-08-06