HTML5 कैनवास ऐसे तरीके प्रदान करता है जो सीधे रूपांतरण मैट्रिक्स में संशोधन की अनुमति देता है। रूपांतरण मैट्रिक्स प्रारंभ में पहचान परिवर्तन होना चाहिए। फिर इसे रूपांतरण विधियों का उपयोग करके समायोजित किया जा सकता है।
| S No. <वें शैली ="चौड़ाई:89.8577%;">विधि और विवरण | |
|---|---|
| 1 | ट्रांसफॉर्म(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
रूपांतरण मैट्रिक्स बनाने के लिए, MathML का उपयोग करें।
उदाहरण
निम्नलिखित एक सरल उदाहरण है जो ट्रांसफॉर्म () और सेटट्रांसफॉर्म () विधियों का उपयोग करता है:
<!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>