javascript - javascript将画布裁剪为内容

Question

如何仅围绕其内容裁剪 HTML 画布？

我strokeText用来填充画布，所以很难计算内容的大小。我可以遍历画布的每个像素，还是有更好的方法？

谢谢

score 1 · Accepted Answer

1

提前使用measureText检查文本占用了多少空间。我希望这能回答你的问题。

于 2012-07-05T11:31:06.763 回答

score 1 · Accepted Answer

帕特里克，你可以遍历画布中的像素，请参阅这个很棒的备忘单中的“像素操作”部分。

当然，这不是一种选择——坦率地说，这太疯狂了——执行逐像素分析只是为了对文本做一些事情。所以measureText@RobotRock 提到了这里。不过，值得一提的是，根据我的经验，measureText 在某些情况下并不是 100% 可靠的。

还值得一提的是来自 API:textAlign和textBaseline. 因为如果您询问measureText，您实际上想要以某种方式对齐文本的可能性超过 50% )))

2 回答 2