1 回答

TA貢獻(xiàn)1831條經(jīng)驗(yàn) 獲得超10個(gè)贊
你應(yīng)該改變這一行:
canvasContext.font= 40 + 'px';
為了這:
canvasContext.font = `40px Verdana`;
筆記:
不要忘記屬性canvasContext.font應(yīng)該設(shè)置在canvasContext.fillText! 但為什么?因?yàn)樵趂illText函數(shù)中,文本是在畫布上繪制的。如果字體屬性設(shè)置在之后,則畫布上的文本不會改變,只有再次繪制時(shí)才會改變。
遵循一個(gè)完整的工作示例:
//my actual code
var canvasContext;
window.onload = function () {
canvas = document.getElementById('gameCanvas');
canvasContext = canvas.getContext('2d');
colorText("Word", 30, 30, "white", "40px");
}
function colorText(showWords, textX, textY, fillColor, fontSize) {
canvasContext.font = `${fontSize} Verdana`;
canvasContext.fillStyle = fillColor;
canvasContext.fillText(showWords, textX, textY);
}
canvas {
background-color: blue;
}
<canvas id="gameCanvas"></canvas>
添加回答
舉報(bào)