Örnek
pozisyon 150. Pozisyon 150 kırmızı çizgi oluşturma Aşağıdaki örnekte tanımlanan tüm metin için çapa noktasıdır. Her textAlign mülkiyet değerinin etkisini incelemek:
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); Kendin dene " Tarayıcı Desteği
Tablodaki rakamlar tam özelliğini destekleyen ilk tarayıcı sürümü belirtin.
| özellik | |||||
|---|---|---|---|---|---|
| textAlign | 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
Tanımı ve Kullanımı
textAlign özelliği, ayarlar veya sabitleme noktasına göre, metin içeriği için geçerli hizalama döndürür.
Normalde, kısa mesaj gönderebilecek START Eğer textAlign = "right" ayarlarsanız, ancak, belirtilen konumda ve pozisyon 150 metni yerleştirmek, bu metin pozisyonunda 150 yılında END gerektiği anlamına gelir.
Tip: kullan fillText() veya strokeText() aslında çizmek ve tuval üzerine metni konumlandırmak için yöntem.
| Varsayılan değer: | başlama |
|---|---|
| JavaScript sözdizimi: | context .textAlign="center|end|left|right|start"; |
Mülkiyet Değerler
| Değerler | Açıklama | Oynat |
|---|---|---|
| başlama | Varsayılan. Metin belirtilen konumda başlar | Oynat " |
| son | Metin Belirtilen konumdaki biter | Oynat " |
| merkez | Metnin merkezi Belirtilen konumdaki yerleştirilir | Oynat " |
| ayrıldı | Metin belirtilen konumda başlar | Oynat " |
| sağ | Metin Belirtilen konumdaki biter | Oynat " |
<Tuval Nesne