Metode Canvas strokeText()
Definisi dan penggunaan
strokeText()
Metode untuk lukis teks di atas kertas gambar (tanpa pengecoran).Warna lalai adalah hitam.
Petikan:Guna font Guna strokeStyle Guna warna lain/pelapis untuk merender teks.
Contoh
Gunakan strokeText() untuk menulis teks "Hello world!" dan "codew3c.com" di atas kertas gambar:
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"; // Buat pelapis var gradient=ctx.createLinearGradient(0,0,c.width,0); gradient.addColorStop("0","magenta"); gradient.addColorStop("0.5","blue"); gradient.addColorStop("1.0","red"); // Dijumpai warna pelapis ctx.strokeStyle=gradient; ctx.strokeText("codew3c.com",10,90);
Sintaks
context.strokeText(text,x,y,maxWidth);
Nilai parameter
Parameter | Deskripsi |
---|---|
text | Teks yang dihasilkan di atas kertas gambar. |
x | Pada kedudukan x koordinat untuk mula lukis teks (berbanding dengan kertas gambar). |
y | Pada kedudukan y koordinat untuk mula lukis teks (berbanding dengan kertas gambar). |
maxWidth | Boleh pilih. Lebar maksimum teks, dalam satuan piksel. |
Dukungan pereka pemeriksa
Angka di dalam tabel menunjukkan versi paling awal pereka yang mendukung sifat ini.
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
Komen:Internet Explorer 8 dan versi sebelumnya tidak mendukung elemen <canvas>.