HTML <कैनवास> ऊंचाई विशेषता
उदाहरण
एक <कैनवास> तत्व जिसकी ऊंचाई और चौड़ाई 200 पिक्सेल है:
<canvas id="myCanvas" width="200" height="200" style="border:1px solid">
नीचे और अधिक "इसे स्वयं आज़माएं" उदाहरण।
परिभाषा और उपयोग
विशेषता पिक्सेल में तत्व की heightऊंचाई निर्दिष्ट करती है ।
<canvas>
युक्ति: पिक्सेल में तत्व width
की चौड़ाई निर्दिष्ट करने के लिए विशेषता का उपयोग करें ।<canvas>
युक्ति: हर बार किसी कैनवास की ऊंचाई या चौड़ाई को फिर से सेट करने पर, कैनवास सामग्री साफ़ हो जाएगी (पृष्ठ के निचले भाग में उदाहरण देखें)।
युक्ति: हमारे HTML कैनवास ट्यूटोरियल<canvas> में तत्व
के बारे में अधिक जानें ।
ब्राउज़र समर्थन
तालिका में संख्याएं पहले ब्राउज़र संस्करण को निर्दिष्ट करती हैं जो विशेषता का पूर्ण समर्थन करता है।
| Attribute | |||||
|---|---|---|---|---|---|
| height | 4.0 | 9.0 | 2.0 | 3.1 | 9.0 |
वाक्य - विन्यास
<canvas height="pixels">
गुण मान
| Value | Description |
|---|---|
| pixels | Specifies the height of the canvas, in pixels (e.g. "100"). Default value is 150 |
और ज्यादा उदाहरण
उदाहरण
चौड़ाई या ऊंचाई विशेषता (जावास्क्रिप्ट का उपयोग करके) सेट करके कैनवास साफ़ करें:
<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 = "#92B901";
ctx.fillRect(50, 50, 100, 100);
function clearCanvas() {
c.height = 300;
}
</script>
❮ HTML <कैनवास> टैग