canvas繪製文字
阿新 • • 發佈:2021-01-16
fillText(text, x, y [, maxWidth])
在指定的(x,y)位置填充指定的文字,繪製的最大寬度是可選的.
strokeText(text, x, y [, maxWidth])
在指定的(x,y)位置繪製文字邊框,繪製的最大寬度是可選的.
var canvas = document.getElementById('canvas'); canvas.width='300'; canvas.height='300'; var ctx = canvas.getContext('2d'); draw() function draw(){ ctx.font = "50px serif"; ctx.fillText("同學們好", 10, 100); ctx.strokeText("老師好", 10, 150); }
繪製了一個填充的文字和邊框的文字