Khái niệm

Tag <svg> trong HTML được sử dụng để vẽ đồ họa vector và các hình ảnh tĩnh. Nó cho phép bạn tạo ra các đối tượng đồ họa phức tạp và điều chỉnh chúng theo ý muốn.

Cách sử dụng

Bạn có thể thêm các hình ảnh và đối tượng đồ họa vào tag <svg>.

Có một số thẻ phổ biến được sử dụng trong <svg>, bao gồm <rect> (hình chữ nhật), <circle> (hình tròn), <line> (đường thẳng), và nhiều thẻ khác.

Ví dụ

<svg width="400" height="200">
  <rect x="50" y="50" width="200" height="100" fill="blue" />
  <circle cx="300" cy="100" r="50" fill="red" />
  <line x1="50" y1="150" x2="350" y2="150" stroke="green" />
</svg>

kết quả