Simple Image Mask Effect Plugin with jQuery - imageMask
File Size: | 46.9KB |
---|---|
Views Total: | 6661 |
Last Update: | |
Publish Date: | |
Official Website: | Go to website |
License: | MIT |

imageMask is a jQuery plugin that simply adds mask effects to your images by using HTML5 canvas elements. This plugin uses HTML5 canvas elements so that it only works fine on the modern browsers which support html5 canvas
attribute
How to use it:
1. Include the latest jQuery library and imageMask.js
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <script type="text/javascript" src="../jquery.imageMask.min.js"></script>
2. Add a image to your page with a class of "demo"
<img src="image.jpg" class="demo" />
3. Call the plugin
<script type="text/javascript"> $(document).ready(function() { $(".demo").imageMask("mask.png"); }); </script>
Change log:
v0.1.6 (2013-05-12)
- adding reference to callback
This awesome jQuery plugin is developed by AlmogBaku. For more Advanced Usages, please check the demo page or visit the official website.