# Background from a picture

**URL:** https://discourse.nodered.org/t/background-from-a-picture/48184
**Category:** General
**Created:** [8 July 2021 18:35 UTC](https://discourse.nodered.org/t/background-from-a-picture/48184 "2021-07-08T18:35:37Z")
**Posts on this page:** 1
**Showing post:** 13

<div class="post-metadata">

### Author: ![Steve-Mcl](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/steve-mcl/32/4826_2.png) [@Steve-Mcl](https://discourse.nodered.org/u/Steve-Mcl)
#### Post date: [8 July 2021 21:28 UTC](https://discourse.nodered.org/t/background-from-a-picture/48184/13 "2021-07-08T21:28:56Z")

</div>

Here is a client side demo...

> [@HTTP endpoint for image payloads](https://discourse.nodered.org/t/http-endpoint-for-image-payloads/42598/4):
>
> Hi, firstly, as you are not using dashboard (you are pretty much building a website from endpoints) you have to include html/head/body tags) Ok, so since this is all client side, you need to post the data back to your 2nd endpoint. for this I simply used fetch. Also, as that P5 library generates its results on a canvas, you need to call .toDataURL() on the canvas to get the base64 data. If you want to save this as an actual image, you should convert the base64 to binary. NOTE: Image tools h…

---

_[View the full topic](https://discourse.nodered.org/t/background-from-a-picture/48184)._