Rotierende Quadratfunktion JS Canvas

Question

Ich suche nach einer Funktion, die ein Quadrat mit einer Funktion auf der Zeichenfläche zeichnet, d. H. DrawSquare() ;, mit einem Parameter "degrees", der das Quadrat kippt. Ich nicht möchte die Leinwand neigen. Danke, und wenn Sie Fragen haben, kommentieren Sie bitte.

Answer 1

Ohne die Leinwand

function drawRotatedSquare (x, y, width, height, rotate) { // rotate in radians 
    ctx.setTransform(1, 0, 0, 1, x, y); // overwrite existing transform 
    ctx.rotate(rotate); 
    ctx.fillRect(-width/2, -height/2, width, height); 
} 

Kippen Sie können den Grad zu Radianten Umwandlung tun, habe ich nie verstanden, warum jeder das tun will.