HTML कैनवस scale() विधि

HTML5 Canvas संदर्भ पुस्तिका

परिभाषा और उपयोग

scale() वर्ग को जगह करने के लिए विधि लिखेंगे, बड़ा या छोटा हो।

टिप्पणी：यदि आप ड्राइंग को जगह करेंगे, तो सभी बाद के ड्राइंग भी जगह करे जाएंगे। निर्धारण भी जगह करे जाएगा। यदि आप scale(2,2)तो ड्राइंग चित्र के बाहरी लेफ्ट टॉप के दोगुना दूरी पर निर्धारित होगी।

उदाहरण

उदाहरण 1

चतुर्भुज को बनाएं 200% बढ़ाकर फिर से चतुर्भुज को बनाएं:

आपका ब्राउज़र HTML5 कैनवस टैग को समर्थित नहीं करता है।

JavaScript:

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% बढ़ाकर फिर चतुर्भुज बनाएं:

आपका ब्राउज़र HTML canvas टैग को समर्थन नहीं देता है。

JavaScript:

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);

खुद अभिप्राय करें

ब्राउज़र समर्थन

तालिका में दिए गए नंबर इस गुण को पूरी तरह से समर्थन देने वाले पहले ब्राउज़र के संस्करण को सूचित करते हैं。

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
4.0 9.0 3.6 4.0 10.1

टिप्पणी：Internet Explorer 8 और अधिक पुरानी संस्करण <canvas> एलीमेंट को समर्थन नहीं देते हैं。

HTML5 Canvas संदर्भ पुस्तिका