HTML कैनवास स्केल () विधि
उदाहरण
एक आयत बनाएं, पैमाने को 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);
ब्राउज़र समर्थन
तालिका में संख्याएं पहले ब्राउज़र संस्करण को निर्दिष्ट करती हैं जो पूरी तरह से विधि का समर्थन करता है।
Method | |||||
---|---|---|---|---|---|
scale() | Yes | 9.0 | Yes | Yes | Yes |
परिभाषा और उपयोग
स्केल () विधि वर्तमान ड्राइंग को बड़ा या छोटा करती है।
नोट: यदि आप किसी आरेखण को मापते हैं, तो भविष्य के सभी आरेखणों को भी मापित किया जाएगा। पोजिशनिंग को भी बढ़ाया जाएगा। यदि आप स्केल (2,2); जैसा कि आप निर्दिष्ट करते हैं, चित्र कैनवास के बाईं ओर और ऊपर से दुगनी दूरी पर स्थित होंगे।
जावास्क्रिप्ट सिंटैक्स: | संदर्भ । स्केल ( स्केलविड्थ, स्केलहाइट ); |
---|
पैरामीटर मान
Parameter | Description | Play it |
---|---|---|
scalewidth | Scales the width of the current drawing (1=100%, 0.5=50%, 2=200%, etc.) | |
scaleheight | Scales the height of the current drawing (1=100%, 0.5=50%, 2=200%, etc.) |
और ज्यादा उदाहरण
उदाहरण
एक आयत बनाएं, स्केल को 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);
❮ HTML कैनवास संदर्भ