首頁 > 軟體

如何使用draw.io外掛在vscode中一體化匯出高質量圖片

2022-08-06 14:01:06

‘’’
Author: zzx
Date: 2022-07-30 15:52:15
LastEditors: zdl
LastEditTime: 2022-07-30 16:03:20
FilePath: matlabcodef:BaiduNetdiskWorkspacemarkdown寫雜談python匯出drawio檔案
Description:

Copyright © 2022 by zdl, All Rights Reserved.
‘’’

vscode一體化匯出drawio

需要的工具:vscode, draw.io擴充套件,draw.io桌面版 、python

提示:這個方法並沒有簡化流程,只是能夠減少開啟視窗,在vscode中直接檢視原始檔案,匯出檔案,效率並沒有顯著提升。

囉嗦的部分:
drawio流程圖繪製軟體比visio好用。而且vscode有外掛。vs外掛的優點在於支援mermaid流程圖,缺點非常明顯不支援指定解析度影象匯出。
網上檢索發現drawio的桌面版可以在命令列操作。在drawio安裝目錄下執行cmd,然後通過draw.io -help 命令可以檢視全部命令。
檢視命令發現沒有針對性的dpi設定。我就想到給圖片輸入寬度和高度的方式。根據我猜測這個寬度和高度應該對應的就是畫素點數量,所以我就按照實際尺寸,以及dpi的定義
寫了一個命令, 發現可用。但是每次都要計算寬度、高度、呼叫cmd命令視窗,太麻煩。功能強大的python加上外掛齊全的vscode能不能全部實現呢?
折騰了幾個小時,終於搞定了。

進入正題:
1、安裝draw.io外掛,和桌面版,記住桌面版的路徑
2、繪製好的圖片有一個實際的尺寸,記住實際尺寸的寬和高
3、python轉換 寬度

dpivalue=600#dpi
realwidth=89.4#mm
realheight=81.2#mm
width=round(dpivalue*realwidth/25.4)
height=round(dpivalue*realheight/25.4)

4、 構造命令列,不嫌麻煩可以自己寫完整目錄

inputfilepath=r'F:BaiduNetdiskWorkspace0typora大論文drawio演演算法流程圖.drawio'
outputfilepath=r'F:BaiduNetdiskWorkspace0typora大論文drawiotest.png'
starttext=r'draw.io -x '
midletext=r" -f png -t --width "+str(width)+r" --height " +str(height)+r" -o "
commandtext1=starttext+inputfilepath+midletext+outputfilepath

5、 改變python檔案工作目錄並執行命令

path="D:/draw.io/"#安裝資料夾
os.chdir( path )# 修改當前工作目錄
v2=os.system(commandtext1)

完整的程式碼

程式碼量並不大,非常簡單

'''
Author: zzx
Date: 2022-07-27 10:12:38
LastEditors: zdl
LastEditTime: 2022-07-30 16:10:22
FilePath: matlabcodef:BaiduNetdiskWorkspace0typora大論文drawiooutput.py
Description: 

Copyright (c) 2022 by zdl, All Rights Reserved. 
'''
import os
dpivalue=600#dpi
realwidth=89.4#mm
realheight=81.2#mm
width=round(dpivalue*realwidth/25.4)
height=round(dpivalue*realheight/25.4)
inputfilepath=r'F:BaiduNetdiskWorkspace0typora大論文drawio演演算法流程圖.drawio'
outputfilepath=r'F:BaiduNetdiskWorkspace0typora大論文drawiotest.png'
starttext=r'draw.io -x '
midletext=r" -f png -t --width "+str(width)+r" --height " +str(height)+r" -o "
commandtext1=starttext+inputfilepath+midletext+outputfilepath
path="D:/draw.io/"#安裝資料夾
os.chdir( path )# 修改當前工作目錄
v2=os.system(commandtext1)

# 快速執行F5
# print(v2)

#關於python許可權的問題
# https://blog.csdn.net/qq_33731081/article/details/103812749
# 如何在python中執行命令列命令
# https://blog.csdn.net/qq_34769162/article/details/119037908
#報錯為空值的問題
# https://blog.csdn.net/xiaoxiaogh/article/details/88320102

#關於drawio匯出命令,靈感來源https://j2r2b.github.io/2019/08/06/drawio-cli.html
'''
Options:
  -V, --version                      output the version number
  -c, --create                       creates a new empty file if no file is
                                     passed
  -k, --check                        does not overwrite existing files
  -x, --export                       export the input file/folder based on the
                                     given options
  -r, --recursive                    for a folder input, recursively convert
                                     all files in sub-folders also
  -o, --output <output file/folder>  specify the output file/folder. If
                                     omitted, the input file name is used for
                                     output with the specified format as
                                     extension
  -f, --format <format>              if output file name extension is
                                     specified, this option is ignored (file
                                     type is determined from output extension,
                                     possible export formats are pdf, png, jpg,
                                     svg, vsdx, and xml) (default: "pdf")
  -q, --quality <quality>            output image quality for JPEG (default:
                                     90)
  -t, --transparent                  set transparent background for PNG
  -e, --embed-diagram                includes a copy of the diagram (for PNG,
                                     SVG and PDF formats only)
  --embed-svg-images                 Embed Images in SVG file (for SVG format
                                     only)
  -b, --border <border>              sets the border width around the diagram
                                     (default: 0)
  -s, --scale <scale>                scales the diagram size
  --width <width>                    fits the generated image/pdf into the
                                     specified width, preserves aspect ratio.
  --height <height>                  fits the generated image/pdf into the
                                     specified height, preserves aspect ratio.
  --crop                             crops PDF to diagram size
  -a, --all-pages                    export all pages (for PDF format only)
  -p, --page-index <pageIndex>       selects a specific page, if not specified
                                     and the format is an image, the first page
                                     is selected
  -g, --page-range <from>..<to>      selects a page range (for PDF format only)
  -u, --uncompressed                 Uncompressed XML output (for XML format
                                     only)
  --enable-plugins                   Enable Plugins
  -h, --help                         display help for command
'''

到此這篇關於draw.io外掛在vscode中一體化匯出高質量圖片的文章就介紹到這了,更多相關draw.io vscode一體化匯出圖片內容請搜尋it145.com以前的文章或繼續瀏覽下面的相關文章希望大家以後多多支援it145.com!


IT145.com E-mail:sddin#qq.com