Javascript fillText方法不起作用

Javascript fillText方法不起作用,javascript,html,canvas,Javascript,Html,Canvas,我试图在画布上写一篇文章。代码如下: HTML <canvas id="scaleChart" width="1500" height="500"></canvas> 但是没有文本出现。我做错了什么?这是简单的打字错误。JS的最后一行不应该有等号 var scaleCtx = document.getElementById("scaleChart").getContext("2d"); scaleCtx.fillStyle = 'rgba(40, 220, 140, 1

我试图在画布上写一篇文章。代码如下:

HTML

<canvas id="scaleChart" width="1500" height="500"></canvas>

但是没有文本出现。我做错了什么?这是简单的打字错误。JS的最后一行不应该有等号

var scaleCtx = document.getElementById("scaleChart").getContext("2d");
scaleCtx.fillStyle = 'rgba(40, 220, 140, 1)';
scaleCtx.fillRect(0, 0, 800, 200);
scaleCtx.fillStyle = 'Black';
scaleCtx.font = '20px Calibri';
scaleCtx.fillText('00:00', 100, 50);
var scaleCtx = document.getElementById("scaleChart").getContext("2d");
scaleCtx.fillStyle = 'rgba(40, 220, 140, 1)';
scaleCtx.fillRect(0, 0, 800, 200);
scaleCtx.fillStyle = 'Black';
scaleCtx.font = '20px Calibri';
scaleCtx.fillText('00:00', 100, 50);