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:

Tarayıcınız HTML5 canvas etiketini desteklememektedir.

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);

Kişisel olarak deneyin

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.