HTML <canvas> width అట్రిబ్యూట్

హెచ్ టి ఎంఎల్ <canvas> టాగ్

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

width అట్రిబ్యూట్ ద్వారా <canvas> ఎలిమెంట్ వెడల్పును పిక్సెల్స్ ఇకోన్ విధంగా నిర్ణయించండి.

సూచన

ఉపయోగించండి height అట్రిబ్యూట్ పిక్సెల్స్ ఇకోన్ విధంగా క్యాన్వాస్ ఎలిమెంట్ పొడవును నిర్ణయించండి.

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

మా HTML Canvas శిక్షణ లో మరింత గమనికలు పొందండి.

ఇన్స్టాన్స్

ఉదాహరణ 1

పొడవు మరియు వెడల్పు రెండూ 200 పిక్సెల్స్ ఉన్న <canvas> ఎలిమెంట్:

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

స్వయంగా ప్రయత్నించండి

ఉదాహరణ 2

దాని వెడల్పు ను 400px గా సెట్ చేయడం ద్వారా క్యాన్వాస్ ను శుభ్రం చేయండి (జావాస్క్రిప్ట్ ఉపయోగించండి):

<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> టాగ్