Thẻ svg nhúng hình tròn trong HTML

Thẻ svg nhúng hình tròn trong HTML

Thẻ svg nhúng hình tròn trong HTML

Tự code rồi chạy thử... Chạy Thử
<!DOCTYPE html>
<html>
<head>
<title>Thẻ svg nhúng hình tròn trong HTML</title>
</head>
<body>
<h1>Thẻ svg nhúng hình tròn trong HTML</h1>
<!--Nếu trình duyệt không hỗ trợ SVG nội tuyến thì hiện thông báo rất tiếc-->
<!--Chiều rộng svg: 100px, chiều cao svg: 100px-->
<svg width="100" height="100">
  <!--Tọa độ x cách tâm hình tròn 50px, Tọa độ y cách tâm hình tròn 45px, nền đỏ, màu border đen, chiều rộng border 4px -->
  <circle cx="50" cy="45" r="40" stroke="black" stroke-width="4" fill="red" />
  Rất tiếc, trình duyệt của bạn không hỗ trợ SVG nội tuyến.
</svg>
</body>
</html>
Thẻ svg nhúng hình tròn trong HTML nằm trong bài viết Thẻ svg trong HTML