draw.ioで作成した図形を埋め込む

「draw.io」とは、フローチャートやオフィスのレイアウト図、ネットワーク図を作成できる無料の作図ツールです。draw.ioで作成した図形はNotePMのページに埋め込めます。

1. 「draw.io」にアクセスして、図面を作成します。
   
   
2.  ［ファイル］＞［埋め込み］＞［iFrame］をクリックします。
   
   
   
3. ［作成する］をクリックします。
   
   
   
4. ［コピー］をクリックします。
   
   
   
5. コピーしたURLをページに貼り付けると、図形がプレビュー表示されます。
   
   iframe内のsrcがhttps://app.xxxの場合、https://viewer.xxxに書き換えてください。
   
   
   
   図形にマウスカーソルを合わせるとボタンが表示され、クリックするとそれぞれ以下の操作ができます。

• ：ズームアウト（画像縮小）
• ：ズームイン（画像拡大）
• ：フィット（枠にあわせて表示）
• ：画像の印刷
• ：画像を新しいウィンドウで開く
• ：draw.ioに移動して編集