by Javascript, jQuery, Software & Utilities

Clipping JPEGs Into Polygons With JavaScript: polyClip.js

When we need to take an image and cut an irregular shape out of it. The only thing to do is to edit image with photoshop and save as a PNG, because it is the only image format used by all web browsers that support alpha channels.

polyClip.js is a script, built on jQuery, that allows us to clip any image withimagemap coordinates using HTML5 Canvas.

For implementation on many images, “how practical would it be to use polyClip.js” is open to discussion however, for only few images, it can be a huge byte-saver.

ClippingJPEGsintopolygons

The library also supports older versions of IE (7-8) using the Excanvas JavaScript library which polyfills canvas using VML.

Requirements: jQuery
Compatibility: All Major Browsers
Website: http://www.useragentman.com/blog/2011/10/29/clipping…
Download: https://github.com/zoltan-dulac/polyClip

Advertisements
Author:
We hope, We will become the best, creative and inspiring community for web and graphics. Join Us! Can be part of the growing Team. Just write something Creative and Interesting. Click here to become a member.

Comments

Leetgamers Jan 28, 2012

ohh, so this way it works. thanks for sharing.

Trackbacks to this post.
Leave a Reply

Copyright © 2020 Freebies, Free Fonts, WordPress Themes, Logos & Tutorials. All Rights Reserved.
Powered by Wordpress.
About Us | Advertise | Write For Us | Contact Us
0 Shares
Tweet
Share
Share
Pin