如何确定HTML5画布中内容的大小

时间:2017-12-29 19:50:45

标签: html5 html5-canvas

我有一个画布,最初尺寸为(例如)320 x 200。

通过我无法控制或可见度的过程,各种圆圈,线条和文字被添加到画布中。

在添加这些内容之后,我有时会得到很多空白区域,因为(例如)只添加了一行和一个圆圈,这些项目的总宽度和高度为100 x 50。

我无法预先计算将要添加的内容的宽度和高度。

有没有办法查看画布以确定内容的边界?在我的场景中可以使用的一种简单方法是找到具有非白色像素的第一行和最后一行和列。

一旦确定,我相信我可以调整大小或重绘具有适当高度和宽度的画布。

1 个答案:

答案 0 :(得分:0)

以下函数用于剪裁画布(通常是透明像素)

如果你不想剪辑然后取消注释边界返回并删除之后的行,你得到的矩形的顶部,左边宽度和高度不包含白色{{1}的像素值ignoreABGR对于透明ignoreABGR = 0xFFFFFFFF

的黑色ignoreABGR = 0xFF000000
ignoreABGR = 0