HTML कैनवास अनुवाद () विधि
उदाहरण
स्थिति (10,10) में एक आयत बनाएं, नई (0,0) स्थिति को (70,70) पर सेट करें। फिर से वही आयत बनाएं (ध्यान दें कि आयत अब स्थिति (80,80) में शुरू होती है:
जावास्क्रिप्ट:
var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
ctx.fillRect(10, 10, 100, 50);
ctx.translate(70, 70);
ctx.fillRect(10, 10, 100, 50);
ब्राउज़र समर्थन
तालिका में संख्याएं पहले ब्राउज़र संस्करण को निर्दिष्ट करती हैं जो पूरी तरह से विधि का समर्थन करता है।
| Method | |||||
|---|---|---|---|---|---|
| translate() | Yes | 9.0 | Yes | Yes | Yes |
परिभाषा और उपयोग
अनुवाद () विधि कैनवास पर (0,0) स्थिति को रीमैप करती है।
नोट: जब आप अनुवाद() के बाद fillRect() जैसी किसी विधि को कॉल करते हैं, तो मान x- और y-निर्देशांक मानों में जोड़ दिया जाता है।
| जावास्क्रिप्ट सिंटैक्स: | संदर्भ । अनुवाद ( एक्स, वाई ); |
|---|
पैरामीटर मान
नोट: आप एक या दोनों पैरामीटर निर्दिष्ट कर सकते हैं।
| Parameter | Description | Play it |
|---|---|---|
| x | The value to add to horizontal (x) coordinates | |
| y | The value to add to vertical (y) coordinates |
❮ HTML कैनवास संदर्भ