I'm working on a Canvas object in HTML5, and I am attempting to make some photos look "better".

I tried VintageJS, an existing photo-retouching Javascript library, and Picozu, a web application cloning some Adobe Photoshop functionalities, but I'm still not happy.

Can you help me with an algorithm or point to an existing Javascript library that would allow me to make my photos look like the following example?

http://i46.photobucket.com/albums/f137/thanhtu_zx/Untitled-1.jpg example of a "vintage" look

closed as not constructive by Walter, ChrisF Jun 24 '12 at 22:26

As it currently stands, this question is not a good fit for our Q&A format. We expect answers to be supported by facts, references, or expertise, but this question will likely solicit debate, arguments, polling, or extended discussion. If you feel that this question can be improved and possibly reopened, visit the help center for guidance. If this question can be reworded to fit the rules in the help center, please edit the question.

  • 5
    I would call that effect smoking pot – gnat Jun 15 '12 at 10:22
  • Thanks for display image. the exactly what I need that is an array "RGB-Curves" similar: github.com/rendro/vintageJS/blob/… (line 17) – Nguyen Thanh Tu Jun 15 '12 at 12:50
  • @NguyenThanhTu you should create an answer with the link you found. – Jalayn Jun 22 '12 at 7:10

I saw this post here for sometime without any action, so I took a gander on the web to see what was there. I also found VintageJS, for vintage photos.

Go figure. Here is the code.

$('img.vintage').click(function () {
        vignette: {
            black: 0.8,
            white: 0.2
        noise: 20,
        screen: {
            red: 12,
            green: 75,
            blue: 153,
            strength: 0.3
        desaturate: 0.05

Here are two other similar photo manipulation frameworks: Paintbrush.js and Caman.js, in a nice tutorial with Vintage.js.

It seems to me that it is all in the implementation.


vignette:{ black: 0.3, white: .7 }, noise: 40, screen: { red: 120, green: 65, blue: 133, strength: 0.5 }, desaturate: 0.15 });

This is a good question; I didn't know these before. Now we do.

Not the answer you're looking for? Browse other questions tagged or ask your own question.