輕量級繪圖的工具網站

前言

  寫文章時常常需要圖片說明，但要使用小畫家來話又不太方便，比方說箭頭與常見的幾何圖形，這時可以利用今天介紹的工具來製作，是一個線上工具，只要上網就能用。

內容

  這次要就紹的就是 [ www.draw.io ] draw.io ，使用的畫面如下

draw.io 的操作畫面

在圖"1"的地方可以像一般軟體一樣的工具列，這個部分最重要的就是匯出這個功能，等等會說明，圖"2"是工具列，這個工具列可以控制放大縮小與顏色，圖"3"的部分是最常用的部分，有很多的範例圖可以用，如箭頭、矩形...等，只要將圖示拖到中央的工作區就可以了，其他的控制就靠圖"2"的工具列來調整，圖"4"的地方就比較不常用，可以控制紙張的大小與格線的設定。接著說明一下當繪製完成後如何儲存圖片，方法就是匯出，如何匯出?如下圖

匯出的操作

依據上圖操作就可以將繪製的結果儲存成圖片，可以在圖"3"的地方選擇要儲存的格式。

參考資料

[ www.draw.io ] draw.io

 製作數學公式圖片的工具網站

前言

  在寫一些程式文章時會需要表達數學公式，但數學公式並不能在 HTML 直接輸入，但我找到有個網站可以編輯數學公式並且將結果做成圖片下載，在此把學習的過程做個紀錄。

 

內容

  使用這個工具要到 [ latex.codecogs.com ] Online LaTeX Equation Editor 裡，使用的畫面如下

Online LaTeX Equation Editor 的使用畫面

在畫面"1"的地方輸入語法來產生等式，結果會顯示在畫面"2"的地方，最後透過畫面"3"的地方可以下載結果。畫面示範了如何使用根號，語法不用記，上方有工具列，透過滑鼠點選需要的語法，如下圖

透過工具列來家語法，以根號為例

圖中以根號為例會加"\sqrt{}"，內容放哪要自己試一下，利用下方的顯示結果試一下即可。

參考資料

[ latex.codecogs.com ] Online LaTeX Equation Editor