Trazo de lienzo HTML () Método
Ejemplo
Dibuja un camino, con la forma de la letra L, en color rojo:
JavaScript:
var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
ctx.beginPath();
ctx.moveTo(20, 20);
ctx.lineTo(20, 100);
ctx.lineTo(70, 100);
ctx.strokeStyle = "red";
ctx.stroke();
Compatibilidad con navegador
Los números en la tabla especifican la primera versión del navegador que soporta totalmente este método.
Method | |||||
---|---|---|---|---|---|
stroke() | Yes | 9.0 | Yes | Yes | Yes |
Definición y uso
El método stroke() en realidad dibuja la ruta que ha definido con todos esos métodos moveTo() y lineTo(). El color predeterminado es negro.
Sugerencia: use la propiedad strokeStyle para dibujar con otro color/degradado.
Sintaxis de JavaScript: | contexto .stroke(); |
---|
❮ Referencia de lienzo HTML