HTML5 畫布文字描邊大型字型

要在 HTML5 畫布中正確繪製大字型，你可以嘗試執行以下程式碼 −

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

Arjun Thakur

更新日期：2020 年 6 月 25 日

188 次瀏覽

開啟你的 職業生涯

完成課程，獲得認證

立即開始