Manual de referencia de HTML

大全 de etiquetas HTML

Atributo lineWidth de HTML canvas

lineWidth es el atributo Canvas 2D API establece la propiedad de grosor del segmento (es decir, el ancho del segmento).

Ejemplo en línea

con un ancho de 12 usando líneas de píxeles para dibujar un rectángulo:

Ejemplo

<!DOCTYPE html>
<html>
<head>
<title>Uso del atributo lineWidth de HTML canvas (Tutoriales básicos de la web w3(codebox.com)</title>
</head>
<body>
<canvas id="myCanvas" width="300" altura="150" estilo="borde:1px sólido #d3d3d3">
Su navegador no admite HTML5　etiqueta canvas.
</canvas>
<script>
var　c=document.getElementById("myCanvas");
var　ctx=c.getContext("2d");
ctx.lineWidth=12;
ctx.strokeRect(20,20,80,100);
</script>
</body>
</html>

Ver la prueba ‹/›

Compatibilidad del navegador

IEFirefoxOperaChromeSafari

Internet Explorer 9、Firefox、Opera、Chrome y Safari soportan la propiedad lineWidth.

Nota:Internet Explorer 8 Versiones anteriores a la不支持 <canvas> elemento.

Definición y uso

La propiedad lineWidth establece o devuelve el ancho actual de la línea, en píxeles.

Valor predeterminado:	1
Sintaxis de JavaScript:	context.lineWidth=número;

Valor del atributo

Valor	Descripción
número	Ancho actual de la línea, en píxeles.

Manual de referencia de canvas HTML

HTML: <template> etiqueta