Colección de citas famosas - Slogan de motivación - Cómo escribir efectos de texto en lienzo html5

Cómo escribir efectos de texto en lienzo html5

Lienzo - texto

Utilice lienzo para dibujar texto. Las propiedades y métodos importantes son los siguientes:

fuente: define la fuente

fillText(text,x,y) - Dibuja texto sólido en el lienzo

strokeText(text,x,y) - Dibuja texto hueco en el lienzo

Usa fillText():

Ejemplo

Utilice la fuente "Arial" para dibujar un texto de 30 píxeles de alto (sólido) en el lienzo:

JavaScript:var?c=document.getElementById("myCanvas " );

var?ctx=c.getContext("2d");

ctx.font="30px?Arial";

ctx.fillText ( "¿Hola? Mundo",10,50);

Usa trazoText():

Ejemplo

Usa la fuente "Arial" para dibujar una altura alta en el texto de lienzo de 30 píxeles (hueco): var?c=document.getElementById("myCanvas");

var?ctx=c.getContext("2d");

ctx.font ="30px?Arial";

ctx.strokeText("Hello?World",10,50);

Fuente de referencia: HTML5 Canvas_w3cschool ?/html5/q2ybmfle.html