VSCode Drawio

目次

FrontPage
・Windows11
・Chromebook
・Random
・機械学習
・さくらVPS
・Fedora13
・SuSe10
・Docker
・Ansible
・Java
・Scala
・Python
・Ruby
・Lisp
・Computer
・GIS
・HTML
・Culture
・Link

訪問者

total: 6179
today: 1
yesterday: 1
now: 1

更新

最新の10件

人気の10件

MenuBar

• ブラウザ上で動く図形描画アプリ "Draw.io" が VSCode でも動くようになった
• Draw.io https://app.diagrams.net/
• Draw.io Extension https://marketplace.visualstudio.com/items?itemName=hediet.vscode-drawio
• ファイルの拡張子を *.drawio にすると VSCode 内で Draw.io が動く
  

• PNGで書き出すにはちょっと癖のある作業が必要
  1. steam.drawio で図を書く
  2. steam.drawio.png という別のファイルを作る
  3. steam.drawio.png をクリックすると、Draw.io Extension が起動する
  4. steam.drawio.png に、[File]-[Import from] で steam.drawio をインポートする
  5. steam.drawio.png を保存する → steam.drawio.png は png 画像として保存される
• 背景色を透明にする (Imagemagickを使う)

  $ convert -transparent "rgb(255,255,255)" steam.drawio.png steam.png

VSCode