SVG (Scalable Vector Graphics) là ngôn ngữ mô tả đồ họa 2D và ứng dụng đồ họa trong XML, được render bởi SVG viewer. Hầu hết trình duyệt web hiển thị SVG như PNG, GIF, JPG.
Để vẽ hình tròn trong HTML SVG, dùng phần tử SVG <circle>.
Ví dụ
Chạy mã sau để học cách vẽ hình tròn trong HTML5 SVG:
<!DOCTYPE html> <html> <head> <style> #svgelem { position: relative; left: 10%; -webkit-transform: translateX(-20%); -ms-transform: translateX(-20%); transform: translateX(-20%); } </style> <title>HTML5 SVG Circle</title> </head> <body> <h2>HTML5 SVG Circle</h2> <svg id="svgelem" height="200" xmlns="https://www.w3.org/2000/svg"> <circle id="greencircle" cx="60" cy="60" r="50" fill="green" /> </svg> </body> </html>
Kết quả
