Manual de referencia HTML

Completo de etiquetas HTML

Método strokeText() de HTML canvas

strokeText() es un método de Canvas 2D API para dibujar texto en la ubicación (x, y) dada. Si se proporciona un cuarto parámetro que representa el valor máximo, el texto se escalará para adaptarse al ancho.

Manual de referencia de canvas HTML

Ejemplo en línea

Usa strokeText() para escribir texto "Base tutorial sitio web!" y "es.oldtoolbag.com!" (con transición de color):

Ejemplo

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8>
<title>Uso del método strokeText() en HTML canvas-Tutorial básico(oldtoolbag.com)</title>/<title>
</<head>
<body>
<canvas id="myCanvas" width="300" altura="150" style="border:1px sólido #d3d3d3>
Su navegador no es compatible con HTML5　etiqueta canvas.
</canvas>
<script>
var c=document.getElementById("myCanvas");
2d
ctx.font="20px Georgia";
ctx.strokeText("Base tutorial sitio web!",10,50);
ctx.font="30px Verdana";
//　crea una transición de color
var gradient=ctx.createLinearGradient(0,0,c.width,0);
gradient.addColorStop("0","magenta");
gradient.addColorStop("0.5","blue");
gradient.addColorStop("1.0","red");
//　rellena una transición de color
ctx.strokeStyle=gradient;
ctx.strokeText("es.oldtoolbag.com!10,90);
</script>
</body>
</html>

Prueba a ver ‹/›

Navegador compatible

IEFirefoxOperaChromeSafari

Internet Explorer 9、Firefox、Opera、Chrome y Safari admiten strokeText() Método.

Nota:Internet Explorer 8 y versiones anteriores no admiten el elemento <canvas>.

Nota:Safari no admite el parámetro maxWidth.

Definición y uso

El método strokeText() dibuja texto en el lienzo (sin rellenar). El color predeterminado del texto es negro.

Consejo:Utilice font Atributo para definir el tipo de letra y el tamaño, y usar strokeStyle Atributo en otro color/Renderizar texto con degradado.

Sintaxis de JavaScript:	context.strokeText(text,x,y,maxWidth);

Valor del parámetro

Parámetro	Descripción
text	Texto que se especifica para la salida en el lienzo.
x	Coordenada x del punto de partida del texto de dibujo (relativa al lienzo).
y	Coordenada y del punto de partida del texto de dibujo (relativa al lienzo).
maxWidth	Opcional. Ancho máximo de texto permitido, en píxeles.

Manual de referencia de canvas HTML

HTML: <template> etiqueta