HTML <canvas> width属性用于以像素为单位指定<canvas>的宽度。
用法:
<canvas width="pixels">
属性值:它包含值,即以像素为单位指定画布宽度的像素。它的默认值为300。
例:本示例说明了Canvas元素中width属性的使用。
<!-- HTML code to illustrate
width attribute of canvas tag -->
<!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>
输出:
支持的浏览器:
- 谷歌浏览器4.0
- Firefox 2.0
- 边9.0
- Opera 9.0
- 苹果Safari 3.1
相关用法
- HTML <th> width属性用法及代码示例
- HTML <pre> width属性用法及代码示例
- HTML <col> width属性用法及代码示例
- HTML <td> width属性用法及代码示例
- HTML <img> width属性用法及代码示例
- HTML <input> width属性用法及代码示例
- HTML <table> width属性用法及代码示例
- HTML <iframe> width属性用法及代码示例
- HTML Marquee width用法及代码示例
- HTML <embed> width属性用法及代码示例
- HTML <colgroup> width属性用法及代码示例
注:本文由纯净天空筛选整理自ManasChhabra2大神的英文原创作品 HTML | <canvas> width Attribute。非经特殊声明,原始代码版权归原作者所有,本译文未经允许或授权,请勿转载或复制。