कोर्स प्रस्तावित:
HTML कैनवस translate() तरीका
वर्णन और उपयोग translate()
टिप्पणी:जब आप translate() के बाद जैसे तरीकों को बुला दें तो वह कैनवस पर नया (0,0) स्थान को नया मान देता है। fillRect() जैसे तरीकों के साथ, मूल्य फिल रेक्ट() में जोड़ा जाएगा x और y कोआर्डिनेट में.
उदाहरण
स्थान (10,10) पर एक चतुर्भुज को आरेखित करें, नया (0,0) स्थान को (70,70) रखें। फिर से नया चतुर्भुज आरेखित करें (ध्यान दें कि अब चतुर्भुज स्थान (80,80) से आरंभ होता है):
JavaScript:
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);
व्याकरण
context.translate(x,y);
पारामीटर मांग
| पारामीटर | वर्णन |
|---|---|
| x | समानता निर्देशांक (x) पर जोड़ी गई मांग |
| y | ऊपरी निर्देशांक (y) पर जोड़ी गई मांग |
ब्राउज़र समर्थन
तालिका में दिए गए नंबर इस गुण को पूरी तरह से समर्थन देने वाले पहले ब्राउज़र का संस्करण निर्दिष्ट करते हैं。
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
टिप्पणी:Internet Explorer 8 और अधिक पुरानी संस्करण <canvas> एलिमेंट को समर्थन नहीं देते हैं。
