Online Photo Processing JS Library - PaintbrushJS

File Size: 1.63MB
Views Total: 1696
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
Online Photo Processing JS Library - PaintbrushJS

PaintbrushJS is a javascript library that allows you to apply various visual filters to your photos within a web page. It uses Html5 canvas and Data-* attributes to achieve the function of processing images.

List of Visual filters:

  • Blur
  • Edges
  • Emboss
  • Greyscale
  • Mosaic
  • Noise
  • Posterize
  • Sepia
  • Sharpen
  • Tint

Basic Usage:

1. Include both common.js and Paintbrush.js in your head section

<script type="text/javascript" src="script/common.js"></script>
<script type="text/javascript" src="script/paintbrush.js"></script>

2. Add a image which you want to apply a visual filter to it

<img src="image.jpg" class="filter-blur" data-pb-blur-amount="0.5">

For more advanced usages, please check the Usage Page.

This awesome jQuery plugin is developed by unknown. For more Advanced Usages, please check the demo page or visit the official website.