Menu
My friend and I have plan to build a web shop. One of the shop's main feature is the ability for the customer to design their own stuff. My friend took polyvore website as an example.
The above link point to an editor page. In polyvore, the customer can drag and drop items from right-hand side to a 'canvas' in the left-hand side of the page. the image have simple handler for resizing, rotate and move.
This is the main feature that we want to achieve. I want to know if there are any free JavaScript library out there that provide these functionality? We don't need too advance stuffs, because the goal is not making something like online Photoshop application. The polyvore editor has most of the features that we need.
403
js is a powerful tool which provides a wide range of functions. Other than Filtrr2 and CamanJS, it works with WebGL. The cool thing about this is, that image processing operations are done using the graphic card and can therefore run in real-time. The main drawback is that it will only be supported in newer browsers.
CamanJS is (ca)nvas (man)ipulation in Javascript. It's a combination of a simple-to-use interface with advanced and efficient image/canvas editing techniques. CamanJS is very easy to extend with new filters and plugins, and it comes with a wide array of image editing functionality, which continues to grow.
Pixlr. Like Pixlr X, the full Pixlr Editor is a free application that runs in your web browser. It includes several advanced features and in many ways is similar to Photoshop.
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/
106
Pixastic has a simple Javascript image editor that uses Canvas.
35
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
