HTML-তে SVG

আপনি SVG এলিমেন্টকে সরাসরি HTML পৃষ্ঠায় এম্বেড করতে পারেন

SVG-কে সরাসরি HTML পৃষ্ঠায় এম্বেড করুন

নিচে একটি সহজ SVG গ্রাফিক্স ইনস্ট্যান্স রয়েছে:

মানুষ, আপনার ব্রাউজারটির ইনলাইন SVG-এর সমর্থন নেই।

এটি HTML কোড:

<!DOCTYPE html>
<html>
<body>
<h1>আমার প্রথম SVG</h1>
<svg width="100" height="100">
  <circle cx="50" cy="50" r="40" stroke="green" stroke-width="4" fill="yellow" />
</svg>
</body>
</html>

আপনার নিজের চেষ্টা করুন

SVG কোড ব্যাখ্যা:

  • SVG ছবি <svg> এলিমেন্ট দ্বারা শুরু হয়
  • <svg> এলিমেন্টের width এবং height এপ্রোপার্টি এসভিজি ছবির প্রস্থ এবং উচ্চতা নির্ধারণ করে
  • <circle> এলিমেন্ট বৃত্ত আকৃতি আঁকতে ব্যবহৃত হয়
  • cx এবং cy এপ্রোপার্টি বৃত্তের কেন্দ্রের x এবং y কোণশোধন নির্ধারণ করে। cx এবং cy নির্ধারিত হলে বৃত্তের কেন্দ্র (0, 0) নির্ধারিত হয়
  • r এপ্রোপার্টি বৃত্তের ব্যাস নির্ধারণ করে
  • stroke এবং stroke-width এপ্রোপার্টি আকৃতির চুম্বককে দেখানোর পদ্ধতি নিয়ন্ত্রণ করে। আমরা বৃত্তের চুম্বককে 4 পিক্সেল হলুদ 'হাড়াড়া' নির্ধারণ করি
  • fill এপ্রোপার্টি ব্যবহার করে বৃত্তের অন্তর্গত রঙ নির্ধারণ করা হয়। আমরা পূর্ণাঙ্গ রঙ হলেও সোনালী রঙ নির্ধারণ করি
  • 标签关闭 SVG 图像

注意：由于 SVG 是用 XML 写的，因此所有元素都必须正确关闭！