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

HTML <canvas> टैग

विवरण और उपयोग

height विशेषता का प्रतिवेदन करें <canvas> एलीमेंट की ऊंचाई को पिक्सल में मापा हुआ।

सूचना

यहाँ इस्तेमाल करें width विशेषता पिक्सल में मापा हुआ <canvas> एलीमेंट की चौड़ाई निर्धारित करें。

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

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

उदाहरण

उदाहरण 1

आकार 200 पिक्सल के उच्च और निचले अनुक्रम के <canvas> एलीमेंट:

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

अपने आप प्रयोग करें

उदाहरण 2

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

<canvas id="myCanvas" width="400" height="400" 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.height = 400;
}
</script>

अपने आप प्रयोग करें

व्याकरण

<canvas ऊंचाई="पिक्सेल्स">

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

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

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

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

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

HTML <canvas> टैग