Search the Community

I have been away from programming for quite a while due to health issues. I have an image editing page written in HTML5, CSS3, and JavaScript. No additional libraries. I believe I used the HTML5 API to create Save As JPEG with a quality setting or Save As PNG. This works fine on laptops and desktops and works fine on Android. It does not work on iPhone. IIRC, there is now a way for this to work on iPhone/iOS. How do I go about doing this? If I am incorrect and there is not a new method, what work arounds are available? Currently, the edited image opens in a new tab, and the user has to tap the image and then tap “save to photos”. Is there a less awkward work around? I know, I’m tired and rusty. So, thank you very much!

Hello guys! I'm having serious troubles painting a PNG image. All the threads I see change the background color as well. I need to change the color of a customizable item I want to sell (i.e. glasses: changing color of the glass or temples or front) whenever the customer push a button on a color panel next to it. I've start splitting the original image in 4 .png parts (in the example: glass, front part, left temple and right temple) and I would place them one above the others. How could I change the color of a the right temple, for example? Is it possibly to color it with a non-solid color? I mean, respecting the shadows or reflections of the image (like Photoshop does). Thank you team.

Hello, I have a button which exports a map in png format. Everything is ok: I click it and save the image. However, if after do this, I pass my mouse over the button (without click), the map works very slowly, sometimes even the map and firefox is blocked. Here my code: if ('download' in button) { button.addEventListener('click', function() { map.once('postcompose', function(event) { var canvas = event.context.canvas; button.href = canvas.toDataURL('image/png'); button.download = 'mapa.png'; }); map.renderSync(); }, false); } else { var info = document.getElementById('no-download'); /** * display error message */ info.style.display = ''; } I think that the problem would be solved if the function finished after click the button and save the image. I' ve noticed that when I click on the button for first time, my pointer looks normal but after this first time, when I pass over the button, the pointer becomes as if it was a url. How could I solve this? Thank you very much!

I'm trying to work with SVGs but I'm pretty sure there's going to be some people using the old browsers that don't do this, so I'm looking into installing some kind of a fallback. Is there some way I can do this? Maybe make a DIV with the PNG for the background and containing the SVG?

i have a simple table data cell <td> and i have 2 same-sized images i need to put in there, the first image is the <td> background image (which is a transparent png that has a grunge border) and the second image is just a regular JPG. Whenever i just add the <td background="images/bg.png> background PNG image and add the JPG image inside of the <td></td>, you cannot see the background PNG. I need to make the background PNG float over the top of the JPG image. I have tried playing around with z-index and css styles, etc but i cannot seem to make it work. Any help would be appreciated. I have attached 3 images, the brush-bg.png background image, the JPG image, and lastly a JPG of what i want it to look likeRegards,James