HTML canvas strokeText() yöntemi
Tanım ve Kullanım
strokeText()
Metni çizim alanına boyunsuz olarak çizen (doldurma olmayan) bir yöntemdir. Metnin varsayılan rengi siyah renktir.
İpucu:kullanın font özniteliği ile yazı tipi ve boyutunu tanımlayın ve strokeStyle Metni farklı bir renk/gradyanla boyamak için özellikler kullanılır.
Örnek
strokeText() yöntemini kullanarak, çizim alanına "Hello world!" ve "codew3c.com" metinlerini yazın:
JavaScript:
var c=document.getElementById("myCanvas"); var ctx=c.getContext("2d"); ctx.font="20px Georgia"; ctx.strokeText("Hello World!",10,50); ctx.font="30px Verdana"; // Oluşturma var gradient=ctx.createLinearGradient(0,0,c.width,0); gradient.addColorStop("0","magenta"); gradient.addColorStop("0.5","blue"); gradient.addColorStop("1.0","red"); // Geçiş tonu ile doldurma ctx.strokeStyle=gradient; ctx.strokeText("codew3c.com",10,90);
Sözdizimi
context.strokeText(text,x,y,maxWidth);
Parametre Değeri
Parametre | Açıklama |
---|---|
text | Çerçevede çıkarılan metni belirtir. |
x | Metnin çizim başlangıcı x koordinatı (çerçeveye göre). |
y | Metnin çizim başlangıcı y koordinatı (çerçeveye göre). |
maxWidth | Opsiyonel. En fazla metin genişliği, piksel cinsinden belirtilir. |
Tarayıcı Desteği
Tablo'daki rakamlar, bu özelliği tam olarak destekleyen ilk tarayıcı sürümünü belirtmektedir.
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
Açıklama:Internet Explorer 8 ve daha eski sürümler <canvas> elementini desteklememektedir.