HTML <canvas> height Attribute
The HTML <canvas> height Attribute is used to specify the height of the <canvas> element in terms of pixels.
Syntax:
<canvas height="pixels">
Attribute Values: It contains single value pixels which specify the height of the canvas in terms of pixel. It has a Default value which is 150.
Example: This example illustrates the use of height attribute in Canvas Element.
html
<!DOCTYPE html>
< html >
< head >
< title >HTML canvas height attribute</ title >
</ head >
< body style = "text-align:center;" >
< h1 >GeeksForGeeks</ h1 >
< h2 >HTML Canvas Height 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: The browser supported by HTML <canvas> height Attribute are listed below:
- Google Chrome 1.0 and above
- Edge 12.0 and above
- Internet Explorer 9.0 and above
- Firefox 1.5 and above
- Safari 3.0 and above
- Opera 9.0 and above
Last Updated :
12 Jun, 2023
Like Article
Save Article
Share your thoughts in the comments
Please Login to comment...