你每天都會用到的開發者工具，全都集中在同一個地方。

轉換器、格式化工具、雜湊、驗證器，以及那些你總是一再重開的小工具，都留在一起，不再散落在各個分頁裡。

/ 工具

■

/ 工具搜尋

109 款工具

/ SVG 檢視器

SVG 程式碼

預覽寬度（px）

預覽高度（px）

/ 選定的工具

■

SVG 檢視器 - 免費格式化工具

檢視並預覽 SVG 程式碼，並提供語法高亮

■ 01

甚麼是 SVG？

SVG（Scalable Vector Graphics）是一種以 XML 為基礎的向量圖像格式，用於二維圖形。與點陣圖不同，SVG 可縮放至任何尺寸而不失真，非常適合標誌、圖示與插…

■ 02

運作原理是甚麼？

將你的 SVG 程式碼貼入文字框。此工具會呈現即時預覽並以語法標示顯示程式碼。調整預覽尺寸即可查看 SVG 的縮放效果。使用「複製」按鈕即可複製 SVG 程式碼…

■ 03

範例情境

涵蓋簡單圓形與路徑元素，讓你能快速比較常見的輸入與輸出。

/ 相關工具

/ 程式碼

■

選定工具的原始碼，與右側的即時版本並列顯示。

/ 原始碼

TypeScript

typescript

// No external dependencies needed - SVG is native to browsers

// Create an SVG programmatically
function createSvg(width: number, height: number): string {
  return `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 ${width} ${height}" width="${width}" height="${height}">
  <!-- Add your SVG elements here -->
</svg>`;
}

// Example: Create a circle SVG

SVG 檢視器 - 免費 格式化 工具

甚麼是 SVG？

運作原理是甚麼？

範例情境

SVG 檢視器 - 免費格式化工具