कैनवस scale() विधि
परिभाषा और उपयोग
scale() मथड़ी तुल्यांकित करें वर्तमान ड्राइंग को बड़ा या छोटा करें。
टिप्पणी:अगर आप ड्राइंग को तुल्यांकित करें, तो आगे की सभी ड्राइंग भी तुल्यांकित होंगी। स्थिति भी तुल्यांकित होगी। अगर आप लिखते हैं scale(2,2)तब ड्राइंग, कैनवस के उपरी और बाईं कोने से दोगुना दूर तक स्थित होगी。
इन्स्टांस
उदाहरण 1
चतुर्भुज दूर बनाएं, 200% बढ़ाकर फिर चतुर्भुज दूर बनाएं:
जावास्क्रिप्ट:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.strokeRect(5,5,25,15);
ctx.scale(2,2);
ctx.strokeRect(5,5,25,15);
सूचना:पाने के नीचे और अधिक उदाहरण मिलते हैं。
व्याकरण
context.scale(scalewidth,scaleheight);
पारामीटर का मूल्य
| पारामीटर | वर्णन |
|---|---|
| scalewidth | वर्तमान ड्राइंग की चौड़ाई को तुल्यांकित करें (1=100%, 0.5=50%, 2=200%, आदि)。 |
| scaleheight | वर्तमान ड्राइंग की ऊंचाई को तुल्यांकित करें (1=100%, 0.5=50%, 2=200%, आदि)。 |
और अधिक उदाहरण
उदाहरण 2
एक चतुर्भुज दूर बनाएं; 200% बढ़ाकर फिर चतुर्भुज दूर बनाएं; 200% बढ़ाकर फिर चतुर्भुज दूर बनाएं; 200% बढ़ाकर फिर चतुर्भुज दूर बनाएं:
जावास्क्रिप्ट:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.strokeRect(5,5,25,15);
ctx.scale(2,2);
ctx.strokeRect(5,5,25,15);
ctx.scale(2,2);
ctx.strokeRect(5,5,25,15);
ctx.scale(2,2);
ctx.strokeRect(5,5,25,15);
ब्राउज़र समर्थन
तालिका में नम्बर इस गुण को पूरी तरह से समर्थन देने वाले पहले ब्राउज़र संस्करण को निर्दिष्ट करते हैं。
| च्रोम | एज | फायरफॉक्स | सफारी | ऑपेरा |
|---|---|---|---|---|
| च्रोम | एज | फायरफॉक्स | सफारी | ऑपेरा |
| 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
टिप्पणी:Internet Explorer 8 और अधिक पुरानी संस्करण <canvas> एलीमेंट को समर्थन नहीं देते हैं。
