Latest web development tutorials

proprietà tela textAlign HTML

HTML Manuale di tela di riferimento HTML Manuale di tela di riferimento

Esempi

Creare una linea rossa nella posizione 150. Montaggio 150 è definita nei seguenti esempi tutto il testo di ancoraggio. Si prega di studiare l'effetto di ogni valori proprietà TextAlign:

YourbrowserdoesnotsupporttheHTML5canvastag.

JavaScript:

var c=document.getElementById("myCanvas");
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);

Prova »

Supporto per il browser

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Internet Explorer 9, Firefox, Opera, Chrome e Safari supporto proprietà TextAlign.

Nota: 8 e versioni precedenti di Internet Explorer non supportano l'elemento <canvas>.

Definizione e utilizzo

textAlign attributi come set di ancoraggio o restituisce il contenuto del testo del tracciato corrente.

In genere, iltesto a partiredalla posizione specificata, ma se si imposta la textAlign = "right" e il testo è ripreso nella posizione 150, la posizione 150 allafine.

Suggerimento: Usa fillText () o strokeText () metodo per disegnare in realtà e posizionare il testo sulla tela.

predefinito: inizio
sintassi JavaScript: contesto .textAlign = "center | fine |left | right | inizio";

Proprietà Valore

值 描述
start 默认。文本在指定的位置开始。
end 文本在指定的位置结束。
center 文本的中心被放置在指定的位置。
left 文本在指定的位置开始。
right 文本在指定的位置结束。

HTML Manuale di tela di riferimento HTML Manuale di tela di riferimento