HTML <canvas> width विशेषता

एचटीएमएल <canvas> टैग

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

width विशेषता प्रतिबिंबित करती है कि <canvas> एलीमेंट की चौड़ाई पिक्सल में है।

सूचना

यहाँ इस्तेमाल करें height विशेषता पिक्सल में इकाई में <canvas> एलीमेंट की ऊंचाई निर्धारित करें。

प्रत्येक बार जब आप कैनवस की ऊंचाई या चौड़ाई को रीसेट करें, तो कैनवस की सामग्री साफ हो जाएगी (पाने के नीचे के उदाहरण को देखें)。

हमारे HTML Canvas का पाठ्यक्रम में <canvas> एलीमेंट के बारे में अधिक जानकारी पा सकते हैं。

उदाहरण

उदाहरण 1

ऊंचाई और चौड़ाई दोनों 200 पिक्सल के <canvas> एलीमेंट:

<canvas id="myCanvas" width="400" height="400" style="border:1px solid">

स्वयं प्रयोग करें

उदाहरण 2

द्वारा width विशेषता को 400px के रूप में सेट करके कैनवस को साफ करें (JavaScript का उपयोग करें):

<canvas id="myCanvas" width="200" height="200" style="border:1px solid"></canvas>
<script>
var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
ctx.fillStyle = "#0192B9";
ctx.fillRect(50, 50, 300, 300);
function clearCanvas() {
  c.width = 400;
}
</script>

स्वयं प्रयोग करें

व्याकरण

<canvas width="पिक्सल">

विशेषता मूल्य

मूल्य वर्णन
पिक्सल कैनवस की चौड़ाई को रेखांकित करें, पिक्सल में (उदाहरण के लिए “100” )।मूलभूत मान 300 है।

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

तालिका में नंबर इस विशेषता को पहली बार समर्थन करने वाले ब्राउज़र का संस्करण को निर्दिष्ट करते हैं।

च्रोम एज फायरफॉक्स सैफारी ऑपेरा
च्रोम एज फायरफॉक्स सैफारी ऑपेरा
4.0 9.0 2.0 3.1 9.0

एचटीएमएल <canvas> टैग