HTML-doek teksBelyn eiendom
Voorbeeld
Skep 'n rooi lyn in posisie 150. Posisie 150 is die ankerpunt vir al die teks wat in die voorbeeld hieronder gedefinieer word. Bestudeer die effek van elke textAlign-eienskapwaarde:
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);
Blaaierondersteuning
Die nommers in die tabel spesifiseer die eerste blaaierweergawe wat die eiendom ten volle ondersteun.
| Property | |||||
|---|---|---|---|---|---|
| textAlign | Yes | 9.0 | Yes | Yes | Yes |
Definisie en gebruik
Die textAlign-eienskap stel of gee die huidige belyning vir teksinhoud terug, volgens die ankerpunt.
Normaalweg sal die teks BEGIN in die posisie wat gespesifiseer is, maar as jy textAlign="regs" stel en die teks in posisie 150 plaas, beteken dit dat die teks in posisie 150 moet EINDIG .
Wenk: Gebruik die fillText() of die strokeText() metode om werklik die teks op die doek te teken en te posisioneer.
| Standaard waarde: | begin |
|---|---|
| JavaScript-sintaksis: | context .textAlign="center|end|left|right|begin"; |
Eiendomswaardes
| Values | Description | Play it |
|---|---|---|
| start | Default. The text starts at the specified position | |
| end | The text ends at the specified position | |
| center | The center of the text is placed at the specified position | |
| left | The text starts at the specified position | |
| right | The text ends at the specified position |
❮ HTML-doekverwysing