HTML propiedad textAlign lona
Ejemplos
Crear una línea roja en la posición 150. Posición 150 se define en los siguientes ejemplos todo el texto de anclaje. Por favor estudiar el efecto de cada uno de los valores de propiedad TextAlign:
JavaScript:
var ctx=c.getContext("2d");
// Create a red line in position 150
ctx.strokeStyle="red";
ctx.moveTo(150,20);
ctx.lineTo(150,170);
ctx.stroke();
ctx.font="15px Arial";
// Show the different textAlign values
ctx.textAlign="start";
ctx.fillText("textAlign=start",150,60);
ctx.textAlign="end";
ctx.fillText("textAlign=end",150,80);
ctx.textAlign="left";
ctx.fillText("textAlign=left",150,100);
ctx.textAlign="center";
ctx.fillText("textAlign=center",150,120);
ctx.textAlign="right";
ctx.fillText("textAlign=right",150,140);
Trate »
Soporte para el navegador
Internet Explorer 9, Firefox, Opera, Chrome y Safari apoyo textAlign propiedad.
Nota: 8 y versiones anteriores de Internet Explorer no son compatibles con el elemento <canvas>.
Definición y Uso
textAlign atributos como conjuntos de anclaje o devuelve el contenido del texto de la alineación actual.
Por lo general, el texto quecomienza en la ubicación especificada, pero si se establece la textAlign = "derecho" y el texto se coloca en la posición 150, la posición 150 en el extremo.
Consejo: Utilice fillText () o strokeText () método para dibujar la realidad y de la posición del texto en el lienzo.
Por defecto: | comienzo |
---|---|
la sintaxis de JavaScript: | contexto .textAlign = "center | final |left | right | inicio"; |
propiedad Valor
值 | 描述 |
---|---|
start | 默认。文本在指定的位置开始。 |
end | 文本在指定的位置结束。 |
center | 文本的中心被放置在指定的位置。 |
left | 文本在指定的位置开始。 |
right | 文本在指定的位置结束。 |