El atributo HTML <canvas> width se utiliza para especificar el ancho del <canvas> en términos de píxeles .
Sintaxis:
<canvas width="pixels">
Valores de atributo: contiene el valor, es decir, píxeles que especifican el ancho del lienzo en términos de píxeles. Tiene un valor predeterminado que es 300.
Ejemplo: este ejemplo ilustra el uso del atributo de ancho en el elemento Canvas.
html
<!-- 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>
Producción:
Navegadores compatibles:
- Google Chrome 1.0
- Firefox 1.5
- Internet Explorer 9.0
- Borde 12.0
- Ópera 9.0
- Apple Safari 3.0
Publicación traducida automáticamente
Artículo escrito por ManasChhabra2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA