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>