কম্পিউটার

কিভাবে HTML5 দিয়ে একটি রূপান্তর ম্যাট্রিক্স তৈরি করবেন?


HTML5 ক্যানভাস এমন পদ্ধতি প্রদান করে যা সরাসরি রূপান্তর ম্যাট্রিক্সে পরিবর্তনের অনুমতি দেয়। ট্রান্সফরমেশন ম্যাট্রিক্স অবশ্যই আইডেন্টিটি ট্রান্সফর্ম হতে হবে। এটি তখন রূপান্তর পদ্ধতি ব্যবহার করে সামঞ্জস্য করা যেতে পারে।

S নং
পদ্ধতি এবং বর্ণনা
1
transform(m11, m12, m21, m22, dx, dy)
এই পদ্ধতি আর্গুমেন্ট দ্বারা প্রদত্ত ম্যাট্রিক্স প্রয়োগ করতে রূপান্তর ম্যাট্রিক্স পরিবর্তন করে।
2
setTransform(m11, m12, m21, m22, dx, dy)
এই পদ্ধতিটি আর্গুমেন্ট দ্বারা প্রদত্ত ম্যাট্রিক্সে রূপান্তর ম্যাট্রিক্সকে পরিবর্তন করে।

ট্রান্সফর্ম(m11, m12, m21, m22, dx, dy) পদ্ধতিটি অবশ্যই বর্তমান রূপান্তর ম্যাট্রিক্সকে −

দ্বারা বর্ণিত ম্যাট্রিক্সের সাথে গুণ করতে হবে।
m11   m21   dx
m12   m22   dy
0     0     1

একটি রূপান্তর ম্যাট্রিক্স তৈরি করতে, ম্যাথএমএল ব্যবহার করুন।

উদাহরণ

নিম্নলিখিত একটি সাধারণ উদাহরণ যা transform() এবং setTransform() পদ্ধতি ব্যবহার করে:

<!Doctype html>
<html>
   <head>
      <meta charset = "UTF-8">
      <title>Pythagorean theorem</title>
   </head>

   <body>
      <math xmlns = "https://www.w3.org/1998/Math/MathML">
         <mrow>
            <msup>
               <mi>a</mi>
               <mn>2</mn>
            </msup>
            <mo> + </mo>
            <msup>
               <mi>b</mi>
               <mn>2</mn>
            </msup>
            <mo> = </mo>
            <msup>
               <mi>c</mi>
               <mn>2</mn>
            </msup>
         </mrow>
      </math>
   </body>
</html>


<!doctype html>
<html>
   <head>
      <meta charset = "UTF-8">
      <title>Pythagorean theorem</title>
   </head>

   <body>
      <math xmlns = "https://www.w3.org/1998/Math/MathML">
         <mrow>
            <msup>
               <mi>a</mi>
               <mn>2</mn>
            </msup>
            <mo> + </mo>
            <msup>
               <mi>b</mi>
               <mn>2</mn>
            </msup>
            <mo> = </mo>
            <msup>
               <mi>c</mi>
               <mn>2</mn>
            </msup>
         </mrow>
      </math>
   </body>
</html>

  1. কিভাবে CSS দিয়ে তীর তৈরি করবেন?

  2. একটি ক্যাপশন সহ একটি টেবিল কিভাবে তৈরি করবেন?

  3. কিভাবে HTML দিয়ে একটি গ্রন্থপঞ্জি তৈরি করবেন?

  4. HTML5 SVG-তে বৃত্তাকার কোণ সহ একটি আয়তক্ষেত্র কীভাবে তৈরি করবেন?