# Image Editing/Variations Javascript GUI

**URL:** <https://community.openai.com/t/image-editing-variations-javascript-gui/706760>\
**Category:** API\
**Tags:** api\
**Created:** [April 3, 2024, 6:12pm UTC](https://community.openai.com/t/image-editing-variations-javascript-gui/706760 "2024-04-03T18:12:35Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![wclayf](https://sea2.discourse-cdn.com/openai1/user_avatar/community.openai.com/wclayf/32/184514_2.png) [@wclayf](https://community.openai.com/u/wclayf)\
**Post date:** [April 3, 2024, 6:12pm UTC](https://community.openai.com/t/image-editing-variations-javascript-gui/706760/1 "2024-04-03T18:12:35Z")

</div>

Has anyone developed a reusable Javascript component (by which I just mean functions, or package) which can take an Image BLOB object (like what’s in memory from use of a JS Upload Dialog) and let the user use the mouse to draw (using maybe a circle brush) the “transparency” areas, that Image Editing API requires, onto parts of the image and save the PNG back into a new BLOB. I’m pretty sure this is doable, as long as JS can write the rasterized data back out to a new BLOB, to use in the Image API.