<radialGradient> HTML5 ট্যাগ

HTML5 ট্যাগ SVG গ্রেডিয়েন্ট আঁকতে ব্যবহৃত হয়। হ্যাঁ, আধুনিক ব্রাউজার এটি সমর্থন করে৷

৷

নিম্নলিখিতটি একটি SVG উদাহরণের HTML5 সংস্করণ যা ট্যাগ ব্যবহার করে একটি উপবৃত্ত আঁকবে এবং একটি SVG রেডিয়াল গ্রেডিয়েন্টকে সংজ্ঞায়িত করতে ট্যাগ ব্যবহার করবে। একইভাবে আপনি SVG লিনিয়ার গ্রেডিয়েন্ট তৈরি করতে ট্যাগ ব্যবহার করতে পারেন।

<!DOCTYPE html>
<html>
   <head>
      <style>
         #svgelem{
            position: relative;
            left: 50%;
            -webkit-transform: translateX(-40%);
            -ms-transform: translateX(-40%);
            transform: translateX(-40%);
         }
      </style>
      <title>SVG</title>
      <meta charset="utf-8" />
   </head>
   <body>
      <h2 align="center">HTML5 SVG Gradient Ellipse</h2>
      <svg id="svgelem" height="200" xmlns="https://www.w3.org/2000/svg">
      <defs>
         <radialGradient id="gradient" cx="50%" cy="50%" r="50%" fx="50%" fy="50%">
            <stop offset="0%" style="stop-color:rgb(200,200,200); stop-opacity:0"/>
            <stop offset="100%" style="stop-color:rgb(0,0,255); stop-opacity:1"/>
         </radialGradient>
      </defs>
      <ellipse cx="100" cy="50" rx="100" ry="50" style="fill:url(#gradient)" />
      </svg>
   </body>
</html>