# Merge/ blend p5.Image or base64 image

**URL:** <https://discourse.processing.org/t/merge-blend-p5-image-or-base64-image/12699>\
**Category:** Coding Questions\
**Created:** [July 13, 2019, 1:15pm UTC](https://discourse.processing.org/t/merge-blend-p5-image-or-base64-image/12699 "2019-07-13T13:15:15Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![josebv](https://avatars.discourse-cdn.com/v4/letter/j/eada6e/32.png) [@josebv](https://discourse.processing.org/u/josebv)\
**Post date:** [July 13, 2019, 1:15pm UTC](https://discourse.processing.org/t/merge-blend-p5-image-or-base64-image/12699/1 "2019-07-13T13:15:16Z")

</div>

Hi, im currently working on a paint-like project.

right now I have 3 p5.images:

\*template // this is kinda of legal notepad  
\*doodles // a canvas were I draw  
\*oldDoodles // old doodles that I get from my database

is there any easy way to merge all this images?  
I would love to have another canvas, which is the sum of all those 3.

---

<div class="post-metadata">

**Author:** ![Tiemen](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/tiemen/32/5477_2.png) [@Tiemen](https://discourse.processing.org/u/Tiemen)\
**Post date:** [July 13, 2019, 11:26pm UTC](https://discourse.processing.org/t/merge-blend-p5-image-or-base64-image/12699/2 "2019-07-13T23:26:02Z")

</div>

I think [createGraphics()](https://p5js.org/reference/#/p5/createGraphics) will do the trick for you. It lets you draw/place things on another canvas, which you can thereafter place anywhere on top of your regular canvas. You can combine all three images on a single createGraphic, or place each image on a separate canvas so you can play around with the stacking order.

Was this what you meant by ‘merging the images’?

---

<div class="post-metadata">

**Author:** ![josebv](https://avatars.discourse-cdn.com/v4/letter/j/eada6e/32.png) [@josebv](https://discourse.processing.org/u/josebv)\
**Post date:** [July 15, 2019, 12:02pm UTC](https://discourse.processing.org/t/merge-blend-p5-image-or-base64-image/12699/3 "2019-07-15T12:02:57Z")

</div>

Thank u! just found out how to do it

 ![image](https://canada1.discourse-cdn.com/flex036/uploads/processingfoundation1/original/2X/c/c776d9b9baec96f74640753c98f804e1c25302fb.png)