jQuery Blending Mode (Canvas)

jQuery blending mode plugin is a jquery plugin that generate a canvas element contain two copy of same image blended with specified mode, and hide the original image, this process give us an amazing effect without need to use any image editor like Photoshop or gimp, also we can save the generated canvas element as an image !!

This plugin have 15 blend modes:

  • colorBurn
  • colorDodge
  • exclusion
  • hardLight
  • hardMix
  • linearBurn
  • linearDodge
  • linearLight
  • multiply
  • negation
  • overlay
  • screen
  • softLight
  • substract
  • vividLight

Requirements:

  • Modern browser that support canvas element.
  • jQuery (we recommended the latest version)
  • Hosting (you can use your localhost)

Credit:

Images used in the demonstration are made by diggedy.
Image pattern used in the demonstration are from http://www.premiumpixels.com/freebies/8-seamless-dark-metal-grid-patterns/
Fonts used in the demonstration are from google webfonts

Follow me:

Get in touch by follow me on twitter @mitgux or follow me on codecanyoun.net and themeforest.net.

Hope you enjoy & Thanks ..

Download jQuery Blending Mode (Canvas)

Leave a Reply

Your email address will not be published. Required fields are marked *