2021-10-25に更新

draw.ioを使ってみた

draw.ioという作図ツールを使ってみたメモ。

draw.ioとは

高機能作図ツール。無料で使用できる。
簡単に使えて、色々な図を作成することができる。

draw.io
(画像:https://inouetetsurou.files.wordpress.com/2019/09/201406drawio.png)

使い方

以下の3種類の方法で使用できる。

操作方法

画面左側から、パーツをドラッグ&ドロップで配置できる
パーツ同士を矢印でつなぐには、パーツ上にマウスオーバーすると八方に水色の目印が出るので、それを別のパーツまでドラッグする

20211025_2.png

テキストボックスには数式を入力することも可能
拡張メニュー→数式組版をオンにすることで使えるようになる
$$ $$` `で囲んだ箇所が数式に変換される

備考

  • VSCodeの拡張機能では、数式を含む画像がうまくエクスポートされない
    • 例:
      • テキストボックスに`x_1`と入力する
        • VSCode上ではx_1と表示される
        • その図をpng等の形式でエクスポートすると`x_1`と表示されてしまう
    • 対策:ブラウザ版かアプリを使用して画像をエクスポートする
  • .drawio.pngという拡張子を使うと、画像のエクスポートが不要になるらしい

参考

Originally published at marshmallow444.github.io
ツイッターでシェア
みんなに共有、忘れないようにメモ

marshmallow444

Crieitは誰でも投稿できるサービスです。 是非記事の投稿をお願いします。どんな軽い内容でも投稿できます。

また、「こんな記事が読みたいけど見つからない!」という方は是非記事投稿リクエストボードへ!

有料記事を販売できるようになりました!

こじんまりと作業ログやメモ、進捗を書き残しておきたい方はボード機能をご利用ください。
ボードとは?

コメント