HTML canvas strokeText() Method
Paglalarawan at Paggamit
strokeText() Ang paraan ay ginagamit upang magpahayag ng teksto sa labas ng labas (walang kulay). Ang default na kulay ng teksto ay itim.
Paalala:Gamitin ang font Attribute upang tukuyin ang font at ang sukat ng font, at gamitin ang strokeStyle Ang mga attribute ay ginagamit upang ipalabas ang teksto sa iba't ibang kulay/gradient.
Mga halimbawa
Gamitin ang strokeText(), para maglagay ng teksto sa labas "Hello world!" at "codew3c.com":
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";
// Mayuhay ang paglikha ng gradient
var gradient=ctx.createLinearGradient(0,0,c.width,0);
gradient.addColorStop("0","magenta");
gradient.addColorStop("0.5","blue");
gradient.addColorStop("1.0","red");
// ใช้กราดสีที่เติมสี
ctx.strokeStyle=gradient;
ctx.strokeText("codew3c.com",10,90);
รูปแบบ
context.strokeText(text,x,y,maxWidth);
ค่าประกาย
| ประกาย | คำอธิบาย |
|---|---|
| text | กำหนดข้อความที่ออกอากาศบนกราฟฟิก |
| x | ตำแหน่ง x ที่เริ่มวาดข้อความ (เรียงตามกราฟฟิก) |
| y | ตำแหน่ง y ที่เริ่มวาดข้อความ (เรียงตามกราฟฟิก) |
| maxWidth | เลือกตั้ง อนุญาตให้กำหนดความกว้างของข้อความสูงสุด ด้วยหน่วยเส้น |
การสนับสนุนโปรแกรมบราวเซอร์
ตัวเลขในตารางนี้ระบุการเริ่มต้นของเวอร์ชั่นบราวเซอร์ที่สนับสนุนคุณสมบัตินี้อย่างเต็มที่
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
หมายเหตุ：Internet Explorer 8 และเวอร์ชั่นต่อไปนี้ไม่สนับสนุนอย่างเต็มที่สำหรับองค์ประกอบ <canvas>
