Simple Image Mask Effect Plugin with jQuery - imageMask

Simple Image Mask Effect Plugin with jQuery - imageMask
File Size: 46.9KB
Views Total:
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.