[ Leksykon ] [ JavaScript ] [ Metody ] [ Właściwości ] [ canvas ] [ CanvasRenderingContext2D ]

CanvasRenderingContext2D.textAlign

[_] [A] [B] [C] [D] [E] [F] [G] [H] [I] [J] [K] [L] [M] [N] [O] [P] [Q] [R] [S] [T] [U] [V] [W] [X] [Y] [Z]

Przykłady:

<script>

 window.onload = () => {
 
 const szer = 600;
 const wys = 300;
 
 const canvas = document.getElementById("canvas");
 canvas.width = szer;
 canvas.height = wys; 
 const ctx = canvas.getContext("2d");

 ctx.fillStyle = "rgba(0,51,102,0.9)";
 ctx.font = "12px sans-serif";
 
 ctx.textAlign = "right";
 ctx.fillText("letterSpacing = 0px", 300, 10);

 ctx.textAlign = "left";
 ctx.letterSpacing = "10px";
 ctx.fillText("letterSpacing = 10px", 300, 30);

 ctx.textAlign = "center";
 ctx.letterSpacing = "20px";
 ctx.fillText("letterSpacing = 20px", 300, 50);
 
 };

</script>
 
<canvas id="canvas" width="1" height="1"></canvas>

Opis:
Właściwość CanvasRenderingContext2D.textAlign określa bieżące wyrównanie tekstu używane podczas rysowania tekstu. Dopasowanie jest zależne od x wartości metody fillText(). Na przykład, jeśli textAlign jest "center", wówczas lewa krawędź tekstu będzie w miejscu x - (szerokość tekstu / 2). Wartość możliwa wartość: "left" - tekst jest wyrównany do lewej, "right" - tekst jest wyrównany do prawej, "center" - tekst jest wyśrodkowany, "start" - tekst jest wyrównywany do normalnego początku wiersza wyrównany do lewej w przypadku ustawień regionalnych od lewej do prawej, wyrównany do prawej w przypadku ustawień regionalnych od prawej do lewej, "end" - tekst jest wyrównywany do normalnego końca linii wyrównany do prawej w przypadku ustawień regionalnych od lewej do prawej, wyrównany do lewej w przypadku ustawień regionalnych od prawej do lewej. Wartość domyślna to "start".

Zobacz też:
fillText() -