Jump to content


JavaScript resources for image manipulation?

  • Please log in to reply
2 replies to this topic

#1 Kris

  • Staff Alumni
  • Advanced Member
  • 2,755 posts
  • LocationThe Internet

Posted 07 April 2006 - 03:05 PM

I'm looking for some good resources for learning how to manipulate images with JavaScript, not saving the changes - I want to create an interface where images can be resized, cropped and moved around a pre-defined space on the canvas - and then forward the coordinates and dimensions to a PHP script to finalise the changes...

So, any good sites or books that cover this kinda stuff that you know of?

#2 GBS

  • Members
  • PipPipPip
  • Advanced Member
  • 108 posts

Posted 27 April 2006 - 11:50 AM

Hi SA,,
Well, I think I could show you some examples, but none books/sites known other there,,
To be sure, your plan is something like:
a button < which can change the image size
an other button < which can move the image (as a popup window)
& finally, you want to send the x/y positions/sizes to a php script,,
& 'cropped' is ? ... erfff,, my english,,... I will search for this term,, :P

Let me know if I'm right for the plan,, we'll see then,,

Sorry for my english,... I do my best, but sometimes,...
1st intention: understand the problem
2nd intention: try to solve it
3rd intention: try to understand how to solve it :)

#3 Volte

  • Members
  • Pip
  • Newbie
  • 9 posts

Posted 27 April 2006 - 12:01 PM

Look into [a href=\"http://developer.apple.com/documentation/AppleApplications/Reference/SafariJSRef/Classes/Canvas.html\" target=\"_blank\"]Javascript Canvas[/a].

I know Safari, and Firefox both support it. It's the new "AJAX" :P (As in, the new cutting edge).

To see an example, check out [a href=\"http://www.abrahamjoffe.com.au/ben/canvascape/textures.htm\" target=\"_blank\"]Canvascape - 3D Walker[/a]. All done with graphics (obviously).

0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users