SVG — گرافیک برداری

SVG چیست؟

SVG (Scalable Vector Graphics) گرافیک برداری است؛ با هر بزرگ‌نمایی، بی‌افت کیفیت می‌ماند. برعکس Canvas، با تگ‌های HTML می‌کشی (نه JS).

<svg width="200" height="120">
  <rect x="10" y="10" width="80" height="80" fill="#22d3ee" rx="10"/>
  <circle cx="150" cy="50" r="40" fill="#a855f7"/>
  <line x1="0" y1="0" x2="200" y2="120" stroke="#333"/>
  <text x="10" y="110">SVG</text>
</svg>

شکل‌ها: rect, circle, line, path, text.

Canvas یا SVG؟

لوگوی خودِ آرنا یک SVG است — به همین دلیل همیشه تیز دیده می‌شود.