javascript - 填充文本不起作用

Question

我无法在 Canvas 上获取文本。我在这里做错了什么？

JSFiddle - http://jsfiddle.net/qHpt6/

var el = document.getElementById('mycanvas');
var context = el.getContext('2d');

context.globalAlpha = 0.95;
context.beginPath();
context.rect(0, 0, el.width, el.height);
context.fillStyle = "#435a6b";
context.fillText('Hello World',0,0);
context.fill();

Answer 1

您正在尝试将 40 磅的文本绘制到一个很小的框中。使框更大或文本更小。

您还在框的左上角绘制文本。文本从基线上升。

如果您将框大小更改为 350 宽和 250 高，并将代码更改为

context.fillText("Hello World", 0, 200);

然后您会看到文字。

Forked and fixed fiddle.