Những công cụ lập trình bạn dùng mỗi ngày, gom lại một chỗ.

Bộ chuyển đổi, bộ định dạng, hàm băm, bộ kiểm tra và những tiện ích nhỏ bạn cứ mở đi mở lại nay nằm chung một nơi thay vì thất lạc khắp các tab.

GitHub

/ Công cụ

■

/ Tìm công cụ

109 công cụ

/ Trình xem SVG

Mã SVG

Chiều rộng xem trước (px)

Chiều cao xem trước (px)

/ Công cụ đã chọn

■

Trình xem SVG - công cụ định dạng miễn phí

Xem và xem trước mã SVG với tô sáng cú pháp

■ 01

SVG là gì?

SVG (Scalable Vector Graphics) là một định dạng ảnh vector dựa trên XML cho đồ họa hai chiều. Không giống ảnh raster, SVG có thể phóng to đến bất kỳ kích thước nào mà không mất chất lượng, khiến chúng lý tưởng cho logo, biểu tượng và minh họa…

■ 02

Nó hoạt động như thế nào?

Dán mã SVG của bạn vào ô văn bản. Công cụ sẽ dựng bản xem trước trực tiếp và hiển thị mã với tô sáng cú pháp. Điều chỉnh kích thước xem trước để thấy SVG co giãn như thế nào. Dùng nút Sao chép để sao chép mã SVG…

■ 03

Các trường hợp mẫu

Bao gồm Hình tròn đơn giản và Phần tử Path để bạn có thể nhanh chóng so sánh các đầu vào và đầu ra thông dụng.

/ Công cụ liên quan

/ Mã nguồn

■

Mã nguồn từ công cụ đã chọn, hiển thị ở đây bên cạnh phiên bản trực tiếp ở bên phải.

/ Mã nguồn

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