如何获得createjs动态绘制不规则图形的面积

Question

最近在写一个类似刮刮卡的游戏，使用createjs写的，原理是在一个页面上绘制手机满屏图形，然后点击屏幕后，动态绘制页面2的响应部分，当页面2被绘制80%时，移除页面1，完全显示页面2，也就是刮刮卡结果。有大神指点如何判断80%临界点的方法吗？可以获得绘制页面2部分的面积也行。

Answer 1

可以用一个二维布尔数组和页面 2 同步绘制。由于 80% 不需要特别精确，数组尺寸可以比较小，例如相当于页面 2 分辨率缩小 100 倍，每次绘制页面 2 时将坐标除以 100 后设置布尔数组相应元素为 1，每次布尔数组元素发生改变时计数器加 1，等到计数器达到布尔数组元素个数的 80% 即可。