我有一个高度为640的HTML5画布。我希望以下样式的文本位于中间
top = 320px;
position = 'absolute'
但是,它位于画布下方,并且
top = 140px;
看起来像是居中。
屏幕截图:
140_640 | 320_640
我怎么了?我应该尝试在JS中而不是CSS中使用它吗?
canvas.getContext("2d");
最佳答案
您应该将文本放置在画布中,并使用画布textAlign
和fillText
设置内容和位置
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/