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>
