Bereich außerhalb von Canvas-Grenzen berechnen

Question

Angenommen, ich habe ein Canvas-Objekt mit einer festgelegten Breite und Höhe von jeweils 400, und ich zeichne außerhalb der Grenzen des Canvas-Objekts in seinem 2d-Kontext. Gibt es eine Möglichkeit, die Größe von Objekten zu berechnen, die außerhalb der Leinwandgrenzen gezeichnet wurden?

Beispiel Abbildung:

Answer 1

Bounding Fläche aller Rects

Berechne die Extrema aller Rechtecke:

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);