Rectangle.js

Dit stukje code implementeert een JavaScript klasse genaamd Rectangle, die rechthoeken representeert en tekent op een canvas. Laten we het in meer detail bekijken:

De Rectangle klasse wordt gedefinieerd met een constructor die parameters zoals de positie van de linkerbovenhoek (x, y), de breedte (w), de hoogte (h), de rotatiehoek (angle) en de vulkleur (fill) accepteert. Als een parameter niet wordt opgegeven, worden standaardwaarden gebruikt. Vervolgens wordt de methode updatePoints aangeroepen om de hoekpunten van de rechthoek te berekenen en bij te werken.

De draw methode wordt gebruikt om de rechthoek te tekenen op een gegeven tekencontext (ctx). Het stelt eerst de vulkleur en lijnkleur in op basis van de opgegeven vulling. Vervolgens begint het een nieuw pad en worden de hoekpunten van de rechthoek doorlopen om een gesloten vorm te creëren. Ten slotte wordt het pad gesloten en de omtrek van de rechthoek getekend.

De contains methode controleert of een gegeven punt (mx, my) binnen de grenzen van de rechthoek valt. Dit wordt gedaan door te controleren of de x- en y-coördinaten van het punt binnen de x- en y-bereiken van de rechthoek liggen.

De updatePoints methode berekent en werkt de hoekpunten van de rechthoek bij op basis van de huidige positie, breedte, hoogte en rotatiehoek van de rechthoek. Het gebruikt de huidige eigenschappen van de rechthoek om de hoekpunten te genereren en roteert ze vervolgens indien nodig.

Over het algemeen biedt dit stukje code functionaliteit voor het creëren en tekenen van rechthoeken op een canvas, evenals het controleren of een punt binnen de rechthoek valt en het bijwerken van de hoekpunten op basis van de huidige eigenschappen van de rechthoek.