第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問題,去搜搜看,總會有你想問的

如何更改畫布文本的字體大小

如何更改畫布文本的字體大小

富國滬深 2021-11-12 18:13:06
我的加載屏幕上有畫布上的文本,但它太小了。我以某種方式找不到任何關(guān)于更改它的正確語法的資源。我試過:// examples of what i've triedcanvasContext.font(40); canvasContext.font(40 + 'px'); canvasContext.fontSize(40); canvasContext.fontSize(40 + 'px'); canvasContext.font = 40; canvasContext.font = 40 + 'px'; canvasContext.fontSize = 40; canvasContext.fontSize = 40 + 'px';——//my actual codewindow.onload = function () {    canvas = document.getElementById('gameCanvas');    canvasContext = canvas.getContext('2d');}function colorText(showWords, textX, textY, fillColor, fontSize) {    //this works -----    canvasContext.fillStyle = fillColor;    canvasContext.fillText(showWords, textX, textY);    //this doesn't ------    canvasContext.fontSize = 40 + 'px';}
查看完整描述

1 回答

?
慕哥6287543

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>


查看完整回答
反對 回復(fù) 2021-11-12
  • 1 回答
  • 0 關(guān)注
  • 466 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號