Download
User Rating: 4.3/5 ( 4 votes)
PhotoJShop is a JavaScript library for photo editing using the canvas, aiming to reproduce most usual filters.
The idea is to provide a simple library to developers that will allow quick integration of photo filters to their website.
Source: github.com
1. INCLUDE JS FILES
<script src="js/jquery.js"></script>
<script src="src/photojshop.jquery.min.js"></script>
2. HTML
<img src="demo/img/ocean.jpg" id="jack" alt="Jack" />
3. JAVASCRIPT
$('#jack').PhotoJShop({ effect : "blur"});
4. OPTIONS
Parameter |
Values |
Description |
effect |
blur, sharpen, emboss,lighten, darken, edge-enhance, edge-detect, hard-edge, laplace, custom |
Select the effect you want to apply |
replace |
true, false |
If true the result of the filter will replace the original image/canvas data and return the jQuery object for chainability. If false it will return the dataURL of the resulting image |
matrix |
JavaScript matrix |
Use this with the custom effect (Although if you set the matrix you don't have to specify the effect), the matrix can be any size, but it must be in JavaScript format. |
color |
b&w, sepia, vintage,recolor, red, blue, green |
Apply a coloring effect. Red, blue and green leave only the corresponding channel on all channels. |