CODEWITHSUNDEEP
javascriptflashimage
echox
echox

Reputation: 9860

Browser Side Photo Editing Library

Currently I'm searching for a free solution to simple edit some photos at the users browser. Resizing and Cropping would be mandatory. I'm not searching for an online service (for example SUMO or PIXLR which are great), because I want to include the software into a WYSIWYG Editor.

JavaScript would be really nice, but it would have to work in IE 8. Pixastic is a great example, but works only in modern browsers (not IE 8 :-/)

Any suggestions what I could use?

Maybe setting up some kind of image processing service with ImageMagick and communicating with it through AJAX could also be an solution? Has anyone gained some experience with such a solution?

Upvotes: 1

Views: 1394

Answers (3)

rickm
rickm

Reputation: 31

You can try MarvinJ for Javascript image processing in the browser side. Very easy to use it:

// Load image and manipulate color channel
image.load("https://i.imgur.com/ZcCe0eC.jpg", function(){
    image.draw(canvasA);
    Marvin.colorChannel(image, image, 14, 0, -8);
    image.draw(canvasB);
});

Basically, it loads the pixel data for an image in the web and provides many algorithms to manipulate it.

Few examples (JSFiddle included):

Upvotes: 0

Michael Ben-Nes
Michael Ben-Nes

Reputation: 7645

This might be interesting. though not supporting crop Agile uploader

Maybe its possible to mingle with JS image processing lib

Upvotes: 0

Jayesh
Jayesh

Reputation: 53345

If you are open to server side image processing, then you can look at some basic image transformations that Google app engine provides.

http://code.google.com/appengine/docs/python/images/usingimages.html#Transform

Upvotes: 1

Related Questions