Disegnare sul canvas un elemento geometrico (ovviamente asimmetrico) per poi specchiarlo orizzontalmente con i metodi di trasformazione.

Come già detto nella pagina della teoria per poter applicare le trasformazioni è praticamente obbligatorio cancellare l’area di stampa.
In questo scritto utilizziamo un triangolo rettangolo che dovrà essere specchiato rispetto alla sua mezzeria verticale.
Per come è stato disegnato il triangolo, possiamo identificare la sua mezzeria verticale con la coordinata y=100.

Le istruzioni corrette per poter specchiare l’oggetto rispetto al suo asse sono
ctx.translate(asse,0);
ctx.scale(-1,1);
ctx.translate(-asse,0);
se usassimo la coordinata y=CNV.width/2 come asse della trasformazione il triangolo risulterebbe specchiato oltre che rispetto a se stesso anche rispetto alla mezzeria del canvas.