fillText方法不起作用

Question

我想在画布上写一个文字。以下是代码：

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

但没有文字出现。我做错了什么？这是Fiddle

Answer 1

简单的拼写错误。 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);