কম্পিউটার

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


HTML5 এ SVG ছবি ব্যবহার করতে, উপাদান বা ব্যবহার করুন। SVG ফাইল যোগ করতে, আপনি HTML এ , অথবা উপাদান ব্যবহার করতে পারেন। আপনার প্রয়োজন অনুযায়ী তাদের যেকোনো একটি বেছে নিন।

আপনি কীভাবে SVG ছবি যোগ করতে পারেন তা এখানে। যদি SVG একটি ফাইল হিসাবে সংরক্ষণ করা হয়, এটি সরাসরি একটি SVG চিত্র হিসাবে ব্যবহার করা যেতে পারে:

কিভাবে HTML5 এ 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>HTML5 SVG Image</title>
   </head>
   <body>
      <h2 align="center">HTML5 SVG Image</h2>
      <img src="https://www.tutorialspoint.com/html5/src/svg/extensions/imagelib/smiley.svg" alt="smile" height="100px" width="100px" />
   </body>
</html>

  1. কিভাবে HTML5 লোকাল স্টোরেজ এবং সেশন স্টোরেজ ব্যবহার করবেন?

  2. গুগল ম্যাপের সাথে HTML5 জিওলোকেশন এপিআই কীভাবে ব্যবহার করবেন?

  3. কিভাবে HTML5 এ ড্র্যাগ অ্যান্ড ড্রপ ব্যবহার করবেন?

  4. তৎক্ষণাৎ ছবিগুলি অনুবাদ করতে Google অনুবাদ কীভাবে ব্যবহার করবেন