我有一个高度为640的HTML5画布。我希望以下样式的文本位于中间

top = 320px;
position = 'absolute'


但是,它位于画布下方,并且

top = 140px;


看起来像是居中。

屏幕截图:
140_640 | 320_640

我怎么了?我应该尝试在JS中而不是CSS中使用它吗?

canvas.getContext("2d");

最佳答案

您应该将文本放置在画布中,并使用画布textAlignfillText设置内容和位置


var canvas = document.getElementById("gl-canvas");
var ctx = canvas.getContext("2d");
ctx.textAlign = "center";
ctx.fillText(canvas.textContent,430, 320);

<canvas id="gl-canvas" width="860" height="640">
<div>
<span>Game Over! You...</span>
</div></canvas>

关于javascript - Canvas 大小不一致,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/48049145/

10-11 23:29
查看更多