HTML <canvas> height Attribute
Last Updated :
12 Jun, 2023
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
Like Article
Suggest improvement
Share your thoughts in the comments
Please Login to comment...