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