小樂圖客攻略：[7]如何畫各種形狀的SVG矢量圖?

我們知道使用SVG矢量圖（Scalable Vector Graphics, 可伸縮矢量圖形），有許多好處，例如可以自由縮放，存儲輕便，後期允許再次編輯。這裡介紹一下如何通過小樂圖客，來畫各種幾何形狀的SVG矢量圖。

工具/原料

Chrome瀏覽器

小樂圖客

方法/步驟

首先，我們在Chrome瀏覽器中，打開小樂圖客截圖界面。

方法是在任意網頁，按下快捷鍵Ctrl+Shift+X。

注意：

1、快捷鍵中的+號不需要輸入。

2、如果有快捷鍵衝突，可以右擊網頁，

點擊小樂圖客右鍵菜單中的“區域截圖”

其實我們需要的是自己畫張矢量圖，而不是對某個網頁截圖。

我們使用小樂圖客的網頁截圖，只是為了進入這個功能頁面。

進入之後，我們可以立即建立一個空白畫布。

方法：

點擊右側的矩形畫布按鈕。

如果需要改變畫布顏色，或者調整尺寸大小，

可以在下方進行相應調整。

下面我們來嘗試畫各種幾何形狀。

方法是，先點擊形狀區域的相應圖標。

然後鼠標在畫布上點擊，拖放即可。

例如，我們畫一個圓。

方法：

先點擊形狀：正圓

然後在畫布上拖放鼠標。

如果對位置不滿意，可以微調下方的座標值（精確到1px像素）。

如果對圓的邊寬不滿意，也可以在下方微調數字。

如果需要改變顏色，可以點擊下方的顏色框。

如果需要改變背景填充色、邊框色，可以設置一下圖形模式：

僅邊框色，邊框色+填充色，全填充色。

接下來我們來看SVG矢量圖如何保存。

這裡要注意的是，默認是保存JPG平面圖。

如果需要保存為SVG格式的圖片，需要選擇一下導出格式：

”截圖（*.svg）“

然後，點擊”保存“按鈕，即可下載SVG矢量圖到本地。

SVG矢量圖，可以直接使用Chrome瀏覽器打開。

而且下次還可以通過小樂圖客導入之前做的矢量圖，

繼續編輯，甚至反覆修改，重新得到新的矢量圖。

注意事項

SVG矢量圖保存時，要記得選擇導出格式為：截圖(*.svg)。

SVG矢量圖可以反覆在小樂圖客中修改，自由導入導出。