计算画布边界之外绘制的区域

Question

假设我有一个宽度和高度均为 400 的画布对象，并且我在它的 2d 上下文中在画布对象的边界之外进行绘制。有没有办法计算在画布边界之外绘制的任何东西的大小？

示例说明：

Answer 1

所有矩形的边界区域

计算所有矩形的极值：

var currentLeftmostX=10000000;
var currentTopmostY=10000000;
var currentRightmostX=-10000000;
var currentBottommostY=-10000000;

// do this for each rect
if( rect.x < currentLeftmostX) {currentLeftmostX=rect.x;}
if( rect.y < currentTopmostY) {currentTopmostY=rect.y;}
if( rect.x+rect.width > currentRightmostX) {currentRightmostX=rect.x;}
if( rect.y+rect.height > currentBottommostY){currentBottommostY=rect.y;}

var boundingArea=
    (currentRightmostX-currentLeftmostX)*(currentBottommostY - currentBottommostY);