HTML <canvas> height లక్షణం

HTML <canvas> టాగ్

నిర్వచనం మరియు ఉపయోగం

height లక్షణం కాంవాస్ ఎలమెంట్ పొడవును పిక్సెల్స్ విలువలో నిర్ణయించడం ఉంది.

సూచన

ఉపయోగించండి width లక్షణం కాంవాస్ ఎలమెంట్ వెడల్పును పిక్సెల్స్ విలువలో నిర్ణయించండి.

ప్రతిసారి కాంవాస్ పొడవు లేదా వెడల్పు ను మార్చినప్పుడు, కాంవాస్ పరిణామం శుభ్రం చేయబడుతుంది (పేజీ కినారిలో ఉన్న ఉదాహరణను చూడండి).

మా లో దయచేసి ఇవ్వండి: HTML Canvas పాఠ్యం కాంవాస్ ఎలమెంట్ గురించి మరింత తెలుసుకోండి కోసం మా కోర్సుల్లో నిర్వహించండి.

ప్రత్యామ్నాయం

ఉదాహరణ 1

పొడవు మరియు వెడల్పు దాదాపు 200 పిక్సెల్స్ ఉన్న కాంవాస్ ఎలమెంట్:

<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 height="పిక్సెల్స్">

అటీమెంట్ విలువ

విలువ వివరణ
పిక్సెల్స్ కంటెంట్ అడుగును పిక్సెల్స్ తో నిర్ణయించండి (ఉదాహరణకు “100”) అప్రమేయ విలువ ఉంది 150.

బ్రౌజర్ మద్దతు

పట్టికలో ఉన్న సంఖ్యలు ఈ అటీమెంట్ యొక్క మొదటి పూర్తిగా మద్దతు ఇచ్చే బ్రౌజర్ వెర్షన్ ని సూచిస్తాయి.

చ్రోమ్ ఎడ్జ్ ఫైర్ఫాక్స్ సఫారీ ఆపెరా
చ్రోమ్ ఎడ్జ్ ఫైర్ఫాక్స్ సఫారీ ఆపెరా
4.0 9.0 2.0 3.1 9.0

HTML <canvas> టాగ్