时间戳

首页 > 解决方案 > HTML5 画布填充文本的原点

canvas - HTML5 画布填充文本的原点

问题描述

我刚刚开始使用 HTML5 画布，特别是在画布上渲染一些文本。我有一些超级简单的代码：

const canvas = document.querySelector('canvas');
const c = canvas.getContext('2d');
c.fillText("Sunday", 0, 0);

我看到的问题是文本不可见。但是，如果我传递1值y，那么我可以看到文本的基线。

这使我相信在画布中放置元素（或者可能只是文本）的原点是围绕正在绘制的任何内容的“框”的左下角。是这样吗？

标签： canvashtml5-canvas

解决方案

Googlin 多一点之后，我遇到了 textAlign 和 textBaseline，它们可以用来控制用于放置元素的原点。

感谢堆栈溢出橡皮鸭！

推荐阅读