HTML SVG Graphics
🔹 مثال ساده SVG
<!DOCTYPE html>
<html>
<head>
<title>مثال SVG</title>
</head>
<body>
<h2>دایره ساده SVG</h2>
<svg width=“200” height=“200”>
<circle cx=“100” cy=“100” r=“80” fill=“skyblue” stroke=“black” stroke-width=“3” />
</svg>
</body>
</html>
🔹 استایلدهی با CSS
میتوانید به المانهای SVG با CSS استایل بدهید:
<style>
svg .my-shape {
fill: gold;
stroke: black;
stroke-width: 3px;
}
</style>
<svg width=“100” height=“100”>
<rect class=“my-shape” x=“10” y=“10” width=“80” height=“80” />
</svg>
✅ کاربردهای SVG در HTML
-
آیکونها و لوگوها (مناسب برای طراحی واکنشگرا)
-
نمودارها و گرافها
-
انیمیشنها
-
اینفوگرافیک و دیاگرامها
-
عناصر سفارشی رابط کاربری
دیدگاهتان را بنویسید