SVG-এ ফাঁকা বৃত্ত কীভাবে আঁকবেন?

SVG-এ ফাঁকা বৃত্ত আঁকার পদ্ধতি

SVG-এ ফাঁকা বৃত্ত আঁকতে <circle> এলিমেন্ট ব্যবহার করতে হবে। সেজন্য fill="none" ব্যবহার করুন এবং আউটলাইন আঁকুন।

SVG-এর полন রূপ Scalable Vector Graphics। এটি XML-এ ২D-গ্রাফিক্স এবং গ্রাফিক্যাল অ্যাপ্লিকেশন বর্ণনার একটি ভাষা, जिसे SVG ভিউয়ার রেন্ডার করে। অধিকাংশ ওয়েব ব্রাউজার PNG, GIF, JPG-এর মতো SVG প্রদর্শন করতে পারে।

উদাহরণ

নিচের কোডটি চালিয়ে SVG-এ ফাঁকা বৃত্ত আঁকতে শিখুন:

<!DOCTYPE html>
<html>
  <head>
    <title>HTML5 SVG Hollow Circle</title>
  </head>
  <body>
    <svg id="svgelem" height="200" xmlns="https://www.w3.org/2000/svg">
      <circle cx="100" cy="50" r="40" stroke="black" stroke-width="7" fill="none" />
    </svg>
  </body>
</html>

আউটপুট

গুণসমূহ ব্যাখ্যা:

• cx, cy — বৃত্তের কেন্দ্রের কোঅর্ডিনেট
• r — ত্রিজ্যা
• stroke — আউটলাইন রঙ
• stroke-width — আউটলাইন প্রস্থ
• fill="none" — ভরা থাকবে না, শুধু আউটলাইন থাকবে