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:

Browser anda tidak menyokong tag HTML5 canvas.

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

Cuba sendiri

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>.