home

หน้าแรก
 Computer >> บทช่วยสอนคอมพิวเตอร์ >  >> การเขียนโปรแกรม >> JavaScript

HTML5 Canvas Text Stroke สำหรับขนาดฟอนต์ใหญ่

เพื่อวาดฟอนต์ขนาดใหญ่อย่างถูกต้องใน HTML5 Canvas ลองรันโค้ดด้านล่าง:

var myCanvas = document.getElementById("myCanvas");
var context = myCanvas.getContext("2d");
context.font = '180pt Georgia';
context.strokeStyle = "#FF0000";
context.fillStyle = "#FFFFFF";
context.lineWidth = 34;
context.fillText("Demo!", 0, 200);
context.strokeText("Demo!", 0, 200);