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

HTML5-এ ট্রান্সফরমেশন ম্যাট্রিক্স কীভাবে তৈরি করবেন?

HTML5 ক্যানভাস ট্রান্সফরমেশন ম্যাট্রিক্সে সরাসরি মডিফিকেশনের অনুমতি দেয় এমন মেথডগুলো প্রদান করে। ট্রান্সফরমেশন ম্যাট্রিক্স প্রাথমিকভাবে আইডেন্টিটি ট্রান্সফরম হতে হবে। তারপর ট্রান্সফরমেশন মেথডগুলো ব্যবহার করে এডজাস্ট করা যেতে পারে।

ক্রমিক নং
মেথড ও বিবরণ
1
transform(m11, m12, m21, m22, dx, dy)
এই মেথডটি আর্গুমেন্টগুলো দ্বারা দিয়ে ম্যাট্রিক্স প্রয়োগ করার জন্য ট্রান্সফরমেশন ম্যাট্রিক্সকে পরিবর্তন করে।
2
setTransform(m11, m12, m21, m22, dx, dy)
এই মেথডটি আর্গুমেন্টগুলো দ্বারা দিয়ে ম্যাট্রিক্সে ট্রান্সফরমেশন ম্যাট্রিক্সকে পরিবর্তন করে।

transform(m11, m12, m21, m22, dx, dy) মেথডটি বর্তমান ট্রান্সফরমেশন ম্যাট্রিক্সকে নিচের ম্যাট্রিক্স দিয়ে গুণ করতে হবে:

m11   m21   dx m12   m22   dy 0     0     1

ট্রান্সফরমেশন ম্যাট্রিক্স তৈরি করতে, MathML ব্যবহার করুন।

উদাহরণ

নিচেরটি একটি সিম্পল উদাহরণ যা 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 দিয়ে অ্যারো (Arrow) তৈরি

  2. HTML-এ ক্যাপশন (Caption) সহ টেবিল তৈরি করা

  3. HTML-এ বিব্লিওগ্রাফি (Bibliography) তৈরি করা

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