Manual de referencia HTML

大全 de etiquetas HTML

Atributo de fuente HTML canvas

font es Canvas 2Descripción del API D para dibujar texto, atributos de estilo de fuente actuales. Utiliza valores de cadena idénticos a las especificaciones de la norma CSS font...

Manual de referencia de canvas HTML

Ejemplo en línea

Escribir un texto en el lienzo 30 píxeles de texto, utilizando la fuente "Arial":

Ejemplo

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8>
<title>Uso del atributo de fuente en canvas HTML-Tutoriales básicos(oldtoolbag.com)</<title>
</<head>
<body>
<canvas id="myCanvas" width="300" alt="15" style="border:1px sólido #d3d3d3>
Su navegador no admite HTML5　etiqueta de canvas.
</canvas>
<script>
var　c=document.getElementById("myCanvas");
var　ctx=c.getContext("2d");
ctx.font="30px　Arial";
ctx.fillText("Tutoriales básicos　oldtoolbag.com",10,50);
</script>
</body>
</html>

Prueba aquí ‹/›

Compatibilidad del navegador

IEFirefoxOperaChromeSafari

Internet Explorer 9Firefox, Opera, Chrome y Safari admiten el atributo de fuente atributo.

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

Definición y uso

establece o devuelve las propiedades de fuente actuales del contenido de texto en el lienzo.

La sintaxis del atributo de fuente se usa de la misma manera que Atributo de fuente CSS idéntico.

valor predeterminado:	10px sans-serif
Sintaxis de JavaScript:	context.font="italic small-caps bold 12px arial";

Valor del atributo

Valor	Descripción
font-style	Especificar el estilo de la fuente. Valores posibles: normal italic oblique
font-variant	Especificar la variante de la fuente. Valores posibles: normal small-caps
font-weight	Especificar el grosor de la fuente. Valores posibles: normal bold bolder lighter 100 200 300 400 500 600 700 800 900
font-size/line-height	Especificar el tamaño y la altura de la línea, en píxeles.
font-family	Especificar la serie de fuentes.
caption	Usar la fuente para los controles de título (por ejemplo, botones, listas desplegables, etc.).
icon	Usar la fuente para etiquetar íconos.
menu	Usar la fuente para los menús (listas desplegables y listas de menú).
message-box	Usar la fuente para los diálogos.
small-caption	Usar la fuente para etiquetar pequeños controles.
status-bar	Usar la fuente para la barra de estado de la ventana.

Manual de referencia de canvas HTML

HTML: <template> etiqueta