Javascript image editor library [closed]

Answer 1

This won't be a full answer, but should guide you. Ext-js has an object called Ext.Resizable, http://www.extjs.com/deploy/dev/docs/?class=Ext.Resizable, you can apply it to any node and it will add handles for resizing it. This is not present in their core (jsquery-like) distro, you need the full distribution.

Rotating the images is quite more complicated as that is not supported in all browsers (webkit allows rotation through css). What I suggest is that you use a cross browser canvas library, like http://me.eae.net/projects/iecanvas/demo.html, that allows you to rotate images that are drawn on the canvas. However, you can't really combine the two that I've mentioned, I suggest you look at both of them for inspiration and roll out your own (unless somebody else finds a tool that does it already)

Answer 2

You can use DarkRoom. it's a simple and powerful image editor in the web. you can find it from the below link : https://mattketmo.github.io/darkroomjs/

Answer 3

If you develop your app using a full-featured JavaScript-based framework, like Cappuccino or SproutCore, this kind of lightweight image manipulation should be trivial to implement.

If you want a bit more flexibility with the site implementation, go with a smaller library like jQuery UI or Interface Elements (that's a very incomplete list - there are tons of similar libraries around).

Answer 4

When it comes to transformations, fabricJS looks very good: http://fabricjs.com/

For effects, CamanJS seems to give a lot of control and also includes preset filters : http://camanjs.com/examples/

Answer 5

Pixastic has a simple Javascript image editor that uses Canvas.