Home /Design Services /Website Design /Interactive Image Editing
More software & web design solutions ▼

Interactive Image Editing
Color Floodfill

This is an example of our expertise with image processing, JavaScript and AJAX with PHP. Use the drop down list to Select a New Color or click on the red, green and blue color bars to Mix a New Color. Then click anywhere in the image which will change the color under your browser's crosshair pointer to your new color.
Diagnostics:
Decimal RGB: ; ; ; Hexadecimal RGB: ; ; ;
New X: 0

Current Color:
Mix New Color:
Select a new image:
Fractal Cubist Mosaic Maze
What's going on?

When you click on the image JavaScript sends your new color and the image coordinates via AJAX to the PHP program which edits the image and sends it back to you.
Browser Support:
This has been successfully tested with Firefox 3.0, MSIE 6.O, MSIE 7.0, and Google Chrome 4.0 on Windows XP, with MSIE 8.0 on Windows 7, and with the Mozilla based built-in browser on an OLPC running Linux. Although Safari on Windows XP works perfectly, Safari on the iPhone and Mac OSX 10 doesn't display the colors in the dropdown list, because it overrides CSS specifications for styling form elements with Aqua UI styles. MSIE 7.0 on Vista reportedly doesn't work after the first color change. If true, we suspect this is Vista's bug; accept or deny.

Interested?

If you need a way to interactively edit images on your website, or if you need any other expertise in image processing, JavaScript, AJAX or PHP we can help. We also offer other design and engineering services for software applications and websites. Call

Joint projects with other software and web designers are welcome.

See Also:
Home /Design Services /Software Design & Engineering
Home /Design Services /Website and Intranet Design
Home / Design Tools /Image Tools