HTML5 畫布文字描邊用於大字型

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

Arjun Thakur

更新於： 2020-6-25

188 次瀏覽

開啟你的 職業生涯

完成課程後獲得認證

開始學習