# Draw image from particular corner

**URL:** <https://discourse.processing.org/t/draw-image-from-particular-corner/5322>\
**Category:** Beginners\
**Created:** [November 7, 2018, 3:27pm UTC](https://discourse.processing.org/t/draw-image-from-particular-corner/5322 "2018-11-07T15:27:33Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![KeirMeDear](https://avatars.discourse-cdn.com/v4/letter/k/8c91f0/32.png) [@KeirMeDear](https://discourse.processing.org/u/KeirMeDear)\
**Post date:** [November 7, 2018, 3:27pm UTC](https://discourse.processing.org/t/draw-image-from-particular-corner/5322/1 "2018-11-07T15:27:33Z")

</div>

So I’m aware you can position images in processing using different image modes. I was wondering how using imageMode(CORNERS) I would be able to position images from the bottom left corner. So if the image was drawn this way at 0 width/0 height, the the image width and height were both 100 it would be drawn between coordinates 0,0,100,0

Many thanks

---

<div class="post-metadata">

**Author:** ![Lexyth](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/lexyth/32/7403_2.png) [@Lexyth](https://discourse.processing.org/u/Lexyth)\
**Post date:** [November 7, 2018, 3:42pm UTC](https://discourse.processing.org/t/draw-image-from-particular-corner/5322/2 "2018-11-07T15:42:27Z")

</div>

How would that look like? It would just be a line of height 0. Please add some specifics to you question.

---

<div class="post-metadata">

**Author:** ![KeirMeDear](https://avatars.discourse-cdn.com/v4/letter/k/8c91f0/32.png) [@KeirMeDear](https://discourse.processing.org/u/KeirMeDear)\
**Post date:** [November 7, 2018, 3:50pm UTC](https://discourse.processing.org/t/draw-image-from-particular-corner/5322/3 "2018-11-07T15:50:45Z")

</div>

So it would deciding where to place an image using the bottom left corner of the image as the co-ordinates. So how imageMode(CENTER) would use the middle of the image as its co-ordinates.

---

<div class="post-metadata">

**Author:** ![Lexyth](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/lexyth/32/7403_2.png) [@Lexyth](https://discourse.processing.org/u/Lexyth)\
**Post date:** [November 7, 2018, 4:06pm UTC](https://discourse.processing.org/t/draw-image-from-particular-corner/5322/4 "2018-11-07T16:06:55Z")

</div>

I’m sorry, there is no inbuilt function to draw from the bottom left corner. But you could build one yourself, by just changing the input variables how you want them to be.

---

<div class="post-metadata">

**Author:** ![KeirMeDear](https://avatars.discourse-cdn.com/v4/letter/k/8c91f0/32.png) [@KeirMeDear](https://discourse.processing.org/u/KeirMeDear)\
**Post date:** [November 7, 2018, 4:09pm UTC](https://discourse.processing.org/t/draw-image-from-particular-corner/5322/5 "2018-11-07T16:09:30Z")

</div>

That is a good idea tbh, thank you for your help Lexyth! 🙂

---

<div class="post-metadata">

**Author:** ![Lexyth](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/lexyth/32/7403_2.png) [@Lexyth](https://discourse.processing.org/u/Lexyth)\
**Post date:** [November 7, 2018, 4:10pm UTC](https://discourse.processing.org/t/draw-image-from-particular-corner/5322/6 "2018-11-07T16:10:19Z")

</div>

For example :

```auto
myImageMethod(img, 100, 10, 200, 0);

void myImageMethod(PImage img, float x1, float y1, float x2, float y2) {
image(img, x2, y2, x1, y1);
}

```
