I am writing a program that distributes .svg's around a circle and am having a problem with a transformation i want to apply. I have simulated the problem with a triangle in the code below.

Basically i want to change the vertical scale of a shape independently of the horizontal scale and then distribute shapes evenly around a circle. When i apply the transformation the circle warps. I understand why this is happening as I am doing scale > rotate > draw but can't find a way around the issue. Have tried draw > scale > rotate which also doesn't work for obvious reasons...

Any help would be well appreciated cheers...

2. int numTri;
3. float gap;
4. 
   
5. void setup() {
6. 
   
7.   size(500, 500);
8.   background(0);
9.   noFill();
10.   stroke(255);
11.   smooth();
12.   
13.   numTri = 8;
14. }
15. 
    
16. void draw() {
17. }
18. 
    
19. void mouseClicked() {
20.   
21.   background(0);
22.   drawCirc();
23.   
24. }
25. 
    
26. void drawCirc() {
27. 
    
28.   gap = radians(360)/numTri;
29. 
    
30.   for(int i = 0; i < numTri; i++) {
31.     pushMatrix();
32.     
33.     translate(mouseX, mouseY);
34.     scale(1, 0.5);
35.     rotate(i * gap);
36.     triangle(0, 0, -50, -200, 50, -200);
37.     
38.     popMatrix();
39.   }
40. }