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

HTML5 SVG-কে স্ক্রিনের কেন্দ্রে অ্যালাইন করা


SVG মানে Scalable Vector Graphics এবং এটি XML-এ ২D-গ্রাফিক্স এবং গ্রাফিক্যাল অ্যাপ্লিকেশন বর্ণনার একটি ভাষা এবং XMLটি SVG ভিউয়ার দ্বারা রেন্ডার করা হয়।

উদাহরণ

SVG-র একটি উদাহরণ দেখি −

<!DOCTYPE html> <html>    <head>       <style>          #svgelem {             position: relative;             left: 50%;             -webkit-transform: translateX(-20%);             -ms-transform: translateX(-20%);             transform: translateX(-20%);          }       </style>       <title>SVG</title>       <meta charset="utf-8" />    </head>    <body>       <h2>HTML5 SVG Circle</h2>       <svg id = "svgelem" height = "200" xmlns = "https://www.w3.org/2000/svg">          <circle id = "redcircle" cx = "50" cy = "50" r = "50" fill = "red" />       </svg>    </body> </html>

এটিকে কেন্দ্রে আনতে নিচের CSS যোগ করুন −

# svgelem {    margin-left:auto;    margin-right:auto;    display:block; }

  1. HTML5 রেসপন্সিভ ওয়েব ডিজাইন

  2. জাভাতে JFrame কে স্ক্রিনের সেন্টারে প্রদর্শন করুন

  3. জাভাতে JComboBox-এ আইটেমগুলো সেন্টার অ্যালাইন করা

  4. টকিন্টার পাইথনে উইন্ডো স্ক্রিনের সেন্টারে রাখা