畫形狀、星形與多邊形
畫矩形、圓形、直線,也能徒手畫。形狀庫裡還有星形、多邊形、箭頭和現成的符號,可以直接拿來用。
免費線上 SVG 編輯器
開啟 SVG 檔,修一個形狀、換個顏色或補一行字,再下載 SVG。免費 SVG 編輯器,在瀏覽器裡就能用,不用安裝。
你的向量圖工作區
檔案保留在你的裝置上
建議使用較大的螢幕進行精細編輯。你可以在這裡橫向捲動工作區。
正在準備工作區…
透過 SVG-Edit 選單開啟或儲存檔案。選取工具即可開始繪製。
採用 SVG-Edit使用步驟
三個步驟,都在這一頁完成,不用註冊帳號。
從編輯器的主選單選擇開啟,挑一個電腦裡的 SVG 檔。手邊還沒有檔案?可以先載入範例,或從 800 × 600 的空白畫布開始。
點一下物件就能選取。換個填色或筆畫顏色、拖動節點改變曲線,或點進文字直接打字。改錯了?按 Ctrl+Z 復原,Mac 是 Cmd+Z。
在同一個選單選擇儲存,就會下載檔案。形狀、路徑和文字都還能再編輯,放到多大,邊緣都一樣銳利。
功能
做 Logo、圖示、流程圖都可以,也很適合快速修改手上現有的檔案。
畫矩形、圓形、直線,也能徒手畫。形狀庫裡還有星形、多邊形、箭頭和現成的符號,可以直接拿來用。
用路徑工具畫曲線,接著單獨移動節點和控制把手、新增或刪除節點,也能把任何形狀轉成路徑。
設定填色和筆畫(外框線)的顏色、漸層、線條粗細、虛線和不透明度。滴管工具可以把一個物件的樣式套到另一個物件上。
加上文字後,可以調整大小、粗體或斜體、對齊方式和字距。字型來自你的裝置,換一台電腦打開,文字看起來可能不一樣。
把畫面的不同部分放在不同圖層。物件可以組成群組、對齊、平均分布,也能移到前面或送到後面。
拖拉控制點就能變形,也可以直接輸入 X、Y、寬度和角度的精確數值。有復原和重做,想試新點子也不怕改壞。
打開原始碼檢視,就能閱讀或手動修改 SVG 程式碼。像 ID 或 viewBox 這種用滑鼠點不到的地方,在這裡可以直接改。
開啟格線方便排整齊,放大畫面處理很小的細節。連接線會連住兩個形狀,移動形狀時,線也會跟著走。
可以開啟其他設計軟體存出的 SVG,儲存前記得檢查濾鏡和效果。用匯入功能,還能把另一個 SVG,或是 PNG、JPG 圖片放進目前的畫面。
SVG 是 Scalable Vector Graphics 的縮寫,中文常叫「可縮放向量圖形」。SVG 檔存的不是像素,而是形狀、線條、曲線和文字的繪製指令,瀏覽器會依照你需要的尺寸重新畫出來。
所以存成 SVG 的 Logo,在手機螢幕上很清楚,印成海報也一樣銳利。之後想改一個顏色或一條曲線也很簡單。換成 JPG,你就只能在像素上塗改。
不用買或裝向量繪圖軟體,也能做這些修改。開啟檔案,改掉想改的地方,再存回 SVG 就好。
放大也清楚
圖示從 16 px 放大到橫幅,都不會模糊。
裡面是純文字
SVG 其實是程式碼,用任何文字編輯器都打得開。
之後好修改
每個形狀、顏色和文字,都是獨立的物件。
適合誰用
交件前才發現圖示多了一個形狀?直接刪掉就好。也能把 Logo 改成適合深色背景的配色,或把太細的線條加粗。
檢查 viewBox、重新命名 ID、刪掉隱藏的圖層,存成整理好的 SVG,放進網站或 App。
想把貼紙圖案送進割字機?先把每種顏色分到各自的圖層,刪掉刀片切不出來的細節,調整好尺寸,再匯入割字機的軟體。
替簡報和學習單畫圖表、標籤和簡單插圖。就算是電腦教室裡不能安裝軟體的電腦,也能直接用。
先看清楚哪些可以、哪些不行,再開始動手。
先用我們的其他工具,從圖片或一段文字描述做出向量圖,再到這裡開啟編輯。