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>