কম্পিউটার

কিভাবে HTML5 SVG এ একটি উপবৃত্ত আঁকবেন?


SVG মানে স্কেলেবল ভেক্টর গ্রাফিক্স এবং এটি XML-এ 2D-গ্রাফিক্স এবং গ্রাফিকাল অ্যাপ্লিকেশন বর্ণনা করার জন্য একটি ভাষা এবং XML তারপর একটি SVG ভিউয়ার দ্বারা রেন্ডার করা হয়। বেশিরভাগ ওয়েব ব্রাউজার SVG প্রদর্শন করতে পারে ঠিক যেমন তারা PNG, GIF, এবং JPG প্রদর্শন করতে পারে।

HTML SVG-এ একটি উপবৃত্ত আঁকতে, SVG উপাদান ব্যবহার করুন।

কিভাবে HTML5 SVG এ একটি উপবৃত্ত আঁকবেন?

উদাহরণ

HTML5 SVG -

-এ কীভাবে একটি উপবৃত্ত আঁকতে হয় তা শিখতে আপনি নিম্নলিখিত কোডটি চালানোর চেষ্টা করতে পারেন
<!DOCTYPE html>
<html>
<head>
<style>
#svgelem {
   position: relative;
   left: 10%;
   -webkit-transform: translateX(-20%);
   -ms-transform: translateX(-20%);
   transform: translateX(-20%);
}
</style>
<title>HTML5 SVG Ellipse</title>
</head>

<body>
<h2>HTML5 SVG Ellipse</h2>
<svg id = "svgelem" width = "300" height = "200" xmlns = "https://www.w3.org/2000/svg">
<ellipse cx = "120" cy = "50" rx = "100" ry = "50" fill = "blue" />
</svg>
</body>
</html>

আউটপুট

কিভাবে HTML5 SVG এ একটি উপবৃত্ত আঁকবেন?


  1. কিভাবে HTML5 এ স্কেলেবল ভেক্টর গ্রাফিক্স (SVG) এর সাথে কাজ করবেন?

  2. কিভাবে SVG একটি ঠালা বৃত্ত আঁকা?

  3. কিভাবে HTML5 এ SVG ছবি ব্যবহার করবেন?

  4. কিভাবে HTML5 এ strokeText() দিয়ে একটি পাঠ্য আঁকবেন?