Image Manipulation with JavaScript


Ajaxorized has released a GPL licensed image manipulation script called Phototype. Phototype is a client/server-side library, based on prototype, which provides image manipulation functionality. On the server, it uses the PHP/GD framework to render the image. While the client is an interface that makes these features easily accessible in JavaScript, including the ability to chain effects.

l_oPhoto = new Photo().load("test.jpg").dropShadow().flipH().makeSketchy();

Phototype supports:

  • image rotatation
  • resizing
  • flipping
  • drop shadows
  • effects
  • grey scale
  • captions
  • as well as an addChuckNorris() method [for all you Walker, Texas Ranger fans]




Read more about Phototype

This is some impressive coding. I really want to learn this! :D


Amazing thanks for it buddy.


Thanks man, I was searching for a script who could make the borders better after rotating an image! Well done! Hopefully the shadow is transparant.

Don't mess with Chuck, Chuck is never out of control.
Could you send me a wallpaper of the one Chuck in standing on?

Thanks in advance,

Jean Bureaustoelen

Hi Fantastic script,
How can I set a link so when I click the image it will link to another url?
I’d like to use is for my gallery as a thumb nail so people click it and opens to the source image.


Post new comment

The content of this field is kept private and will not be shown publicly.
  • Allowed HTML tags: <a> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd> <pre> <div> <blockquote> <object> <embed> <img> <param>
  • Lines and paragraphs break automatically.
  • Web page addresses and e-mail addresses turn into links automatically.

More information about formatting options

This question is for testing whether you are a human visitor and to prevent automated spam submissions.
Copy the characters (respecting upper/lower case) from the image.