# Wide shape is not drawn from corner, but tall shape is

**URL:** <https://discourse.processing.org/t/wide-shape-is-not-drawn-from-corner-but-tall-shape-is/42475>\
**Category:** Beginners\
**Created:** [July 22, 2023, 4:25pm UTC](https://discourse.processing.org/t/wide-shape-is-not-drawn-from-corner-but-tall-shape-is/42475 "2023-07-22T16:25:55Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![User442B](https://avatars.discourse-cdn.com/v4/letter/u/db5fbb/32.png) [@User442B](https://discourse.processing.org/u/User442B)\
**Post date:** [July 22, 2023, 4:25pm UTC](https://discourse.processing.org/t/wide-shape-is-not-drawn-from-corner-but-tall-shape-is/42475/1 "2023-07-22T16:25:55Z")

</div>

```auto
color black = color(36,39,45);
color green = color(141,187,110);
PShape rec;

void setup(){
  size(1600,900,P2D);
  smooth(8);
  background(black);
  frameRate(60);
  
  rec = loadShape("wideRec.svg");
}

void draw(){
  background(black);
  
  shapeMode(CORNER);
  shape(rec, 800, 450);
  
  fill(green);
  noStroke();
  circle(800, 450, 10);
}

```

This is my first time drawing shapes from SVGs. I noticed a strange behavior. When I display a tall rectangle shape on screen, it properly draws it from the corner. However, when I draw a wide rectangle shape it has a strange offset and angle.

The tall rectangle case:

 ![tallRectangle case](https://canada1.discourse-cdn.com/flex036/uploads/processingfoundation1/original/3X/3/b/3b8ca101835c1216a0cb0015a2af15b4b4a78eb2.png)

The wide rectangle case:

 ![wideRectangle case](https://canada1.discourse-cdn.com/flex036/uploads/processingfoundation1/original/3X/f/a/fa19e462f52b2f01dd8cb644af3c5b9321ade514.png)

Each rectangle is just a simple SVG of the rectangle itself. It seems like an SVG with a wide aspect ratio causes an issue, but a tall one not? I want to understand what is happening here. I appreciate your help.

Update: After looking into it further, it seems related to how the SVG is made? I made these simple rectangles in Inkscape. I made the tall rectangle first. If I make the wide version by rotating the tall one, it won’t display properly in Processing. However, if I make the wide version by just stretching the tall (making no rotations), it will display properly. Somehow creating the wide shape by rotation in Inkscape causes an issue?