「draw.io」とは、フローチャートやオフィスのレイアウト図、ネットワーク図を作成できる無料の作図ツールです。
draw.ioで作成した図形は、NotePMのページに埋め込むことができます。
操作できる権限
ページの作成・編集権限のあるユーザーは、どなたでも埋め込むことができます。
参考:ユーザー権限の種類と操作権限
| オーナー | 管理者 | ユーザー | ゲスト | 参照専用ゲスト |
|---|---|---|---|---|
| ◯ | ◯ | ◯ | ◯ |
埋め込みコードを取得する
- 「draw.io」にアクセスして、図面を作成します。
- [ファイル]>[埋め込み]>[iFrame]をクリックします。
- [作成する]をクリックします。
- [コピー]をクリックします。
NotePMのページに埋め込む
ページ作成画面を開き、「埋め込みコードを取得する」の手順4でコピーした埋め込みコードを貼り付けると、図形がプレビュー表示されます。
iframe内のsrcが
https://app.xxxの場合、https://viewer.xxxに書き換えてください。
図形にマウスカーソルを合わせるとボタンが表示され、クリックするとそれぞれ以下の操作ができます。
-
:ズームアウト(画像縮小)
-
:ズームイン(画像拡大)
-
:フィット(枠にあわせて表示)
-
:画像の印刷
-
:画像を新しいウィンドウで開く
-
:draw.ioに移動して編集