কম্পিউটার টিউটোরিয়াল

HTML5 SVG-এ রেখা আঁকার পদ্ধতি


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

HTML SVG-এ রেখা আঁকতে, SVG <line> এলিমেন্ট ব্যবহার করুন।

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 Line</title>    </head>    <body>       <h2>HTML5 SVG Line</h2>       <svg id = "svgelem" width = "300" height = "200" xmlns = "https://www.w3.org/2000/svg">          <line x1 = "0" y1 = "0" x2 = "100" y2 = "100" style = "stroke:red;stroke-width:2"/>       </svg>    </body> </html>

আউটপুট

HTML5 SVG-এ রেখা আঁকার পদ্ধতি


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

  2. HTML5-এ SVG ইমেজ ব্যবহারের পদ্ধতি

  3. HTML5-এ lineTo() ব্যবহার করে রেখা আঁকার পদ্ধতি

  4. Tkinter ক্যানভাসে লাইন আঁকা