跳到工具區
行動開發

SVG 與 Android VectorDrawable 轉換工具

在瀏覽器本機雙向轉換 SVG 與 Android VectorDrawable 的相容 path、基礎圖形及純色 paint 子集,遇到未支援特性就停止。

Web Worker 僅在本機處理工具
輸入0 個字元
結果0 個字元
就緒

圖形相容性防火牆 · 不偷偷刪除

相容的 path 可以通過,完整 SVG 語言不行。

這不是「任意 SVG 轉 Android」。SVG → VectorDrawable 只接受零原點 viewBox、無 transform 的 path/基礎圖形與有限純色 paint;gradient、clipPath、CSS stylesheet、text、filter、pattern、mask、dash 等會直接報錯。反向轉換可映射 path 與 group transform,但不解析 Android resource color 或 aapt:attr。

能力防火牆

直接通過pathData · 純色 fill/stroke · alpha · evenOddPASS
轉成 PATHrect · circle · ellipse · line · polygon/polylineREWRITE GEOMETRY
版本註記API 21/24 只寫進輸出註解NO FEATURE UNLOCK
拒絕轉換transform · gradient · clipPath · text · filter · pattern · mask · CSS · dashFLATTEN OR REDESIGN

座標約定

1:1
SVG viewBox

來源座標空間

必須是 0 0 width height
2:1
Android viewport

pathData 座標空間

沿用 viewBox 寬高
3:1
固有 dp 尺寸

Android layout 大小

由 width/height 選項決定
4:1
寬高比

不自動加入 preserveAspectRatio 策略

須預覽確認
×
非零原點

不替 path 重新定位

嚴格模式拒絕

幾何鑄造台

<path>android:pathData直接保留指令字串
<rect>M H V H Z只接受沒有圓角的矩形
<circle>兩段 arc 指令轉成封閉 path
<ellipse>兩段 elliptical arc轉成封閉 path
<line>M L轉成開放 path
<polygon>/<polyline>M L … Z / M L …分別封閉/保持開放

Paint 能力清單

有限純色 fillfillColor
有限純色 strokestrokeColor + strokeWidth
fill/stroke opacity獨立 alpha 欄位
evenoddfillType
CSS cascade/currentColor

先解析成明確的支援色碼

gradient/pattern/filter/mask

目前不映射,須重繪或點陣化

stroke dash

先展開成實際幾何

text/image/use

先轉成 path 或展開引用

url() paint server

目前不解析資源引用

API 交付護照

21+VectorDrawable 平台基線

本站只輸出已實作的純色 path 子集

24+可選的目標註記

不會解鎖 gradient、clip-path 或 resource paint

< 21平台沒有原生 VectorDrawable

另行評估 AndroidX 或 PNG fallback

Build outputXML 仍須交給 Android toolchain

不是視覺等價證明

往返轉換檢測

Path 幾何共通的 path 指令EXPECTED
視覺 paint只有支援的有限純色子集EXPECTED
元素型別基礎圖形會改寫成 pathCHANGED
屬性/指令序列由轉換器重新組裝CHANGED
原始 bytes不承諾相同CHANGED
渲染 pixels須用 Android Studio 與目標裝置比較REQUIRED

交付 Android Studio

1

把 XML 放進 res/drawable

2

開啟 VectorDrawable Preview

3

使用實際 minSdk 與 AndroidX 設定建置

4

檢查 toolchain 產生的 PNG fallback

5

測試 light/dark mode 與 theme resource

6

在真機檢查尺寸、渲染與無障礙用途

直接回答

什麼是 SVG 與 Android VectorDrawable 轉換工具?

在瀏覽器本機雙向轉換 SVG 與 Android VectorDrawable XML,檢查零原點 viewBox、viewport、dp、pathData、純色 paint、group transform 與未支援特性。

它能做什麼?

  • 轉 Android
  • 轉 SVG

如何使用 SVG 與 Android VectorDrawable 轉換工具

  1. 01

    選擇任務

    在工作區選擇轉 Android和轉 SVG。

  2. 02

    提供輸入

    <svg viewBox="0 0 24 24"><path fill="#7C3AED" d="M4 4h16v16H4z"/></svg>。內容會留在瀏覽器端的處理流程中。

  3. 03

    檢查結果

    執行工具、檢查結果與診斷資訊;頁面提供複製或下載功能時,也能直接匯出。

常見問題

SVG 與 Android VectorDrawable 轉換工具是什麼?
在瀏覽器本機雙向轉換 SVG 與 Android VectorDrawable XML,檢查零原點 viewBox、viewport、dp、pathData、純色 paint、group transform 與未支援特性。
SVG 與 Android VectorDrawable 轉換工具能做什麼?
SVG 與 Android VectorDrawable 轉換工具支援轉 Android和轉 SVG,所有模式都能直接在目前頁面使用。
SVG 與 Android VectorDrawable 轉換工具會上傳我的資料嗎?
SVG 與 Android VectorDrawable 轉換工具會在瀏覽器中處理輸入內容。DevSexy 不會增加上傳、登入或伺服器處理步驟。
DevSexy 會在瀏覽器中處理工具輸入:不追蹤貼上的內容、不需帳號,也不會上傳。