HTML <canvas> width Attribute
Last Updated :
12 Jun, 2023
The HTML <canvas> width Attribute is used to specify the width of the <canvas> in terms of pixels.
Syntax:
<canvas width="pixels">
Attribute Values: It contains the value i.e pixels which specify the width of the canvas in terms of pixel. It has a Default value which is 300.
Example: This Example illustrates the use of width attribute in Canvas Element.
html
<!DOCTYPE html>
< html >
< head >
< title >HTML canvas Width attribute</ title >
</ head >
< body style = "text-align:center;" >
< h1 >GeeksForGeeks</ h1 >
< h2 >HTML Canvas Width Attribute</ h2 >
< canvas id = "geeks"
height = "200"
width = "200"
style = "border:1px solid black" >
</ canvas >
< script >
var c = document.getElementById("geeks");
var cx = c.getContext("2d");
cx.beginPath();
cx.arc(100, 100, 90, 0, 2 * Math.PI);
cx.stroke();
</ script >
</ body >
</ html >
|
Output:
Supported Browsers:
- Google Chrome 1.0
- Firefox 1.5
- Internet Explorer 9.0
- Edge 12.0
- Opera 9.0
- Apple Safari 3.0
Like Article
Suggest improvement
Share your thoughts in the comments
Please Login to comment...