EzDevInfo.com

vintageJS

Add a retro/vintage effect to images using the HTML5 canvas element vintageJS - add a retro / vintage effect to images using the HTML5 canvas element vintagejs is a javascript jquery plugin to add retro / vintage effects to images using the html5 canvas element

Get values of effect options in vintageJS

I am working on website that add effects to images online using vintageJS. I have the following effect

   effect1 = {
        vignette: 0.7,
        viewFinder: "js/ImageEffects/assets/viewfinder/ttv-1.jpg",
        screen: { r: 227, g: 12, b: 169, a: 0.15 }
    };

and also I have the four basic effect of vintageJS( I get the four effects form the website of vintageJS . The website should have nine effects which mean that I need another four effects. I try to write some random values but I didn't get a good effect. Can anyone give some values that produce a good effect ?


Source: (StackOverflow)

vintage.js with Shadowbox

I would like to use vintage.js with shadowbox.js !

<a rel="shadowbox" rel='nofollow' href="large.jpg"><img src="small.jpg" /></a>

and the script

$(document).ready(function(){Shadowbox.init({ onFinish: function () { $('img').vintage({noise: 20}); } }); }); 

Shadowbox works fine but not the vintage apply to the image !

$ is not a function
[Break On This Error]   
onFinish: function () { $('img').vintage({noise: 20}); }

Thanks for your help...


Source: (StackOverflow)

Advertisements

Vintage.js: remote images

Plugin only applies filter to files on my server, but with remote images:

Unable to get image data from canvas because the canvas has been tainted by cross-origin data.

How to fix it?


Source: (StackOverflow)