Wednesday, September 22, 2010

PaintbrushJS: A lightweight image-processing library

Developer Dave Shea has released PaintbrushJS, a lightweight image processing library that can apply a variety of filters to images on a web page.

Under the covers, PaintbrushJS uses the HTML5 canvas tag to implement its effects, automatically inserting canvas tags based on class names. You can choose effects and control their parameters by adding attributes to various tags. For example:

<img src="jordan.jpg"
width="200" height="133"
class="filter-blur"
data-pb-blur-amount="5">

PaintbrushJS works in any modern browser — which means IE 8 and below won’t see the effects.

For a full list of effects available, check out the documentation or head over to the demo page.

5 comments:

  1. Nice information, many thanks to the author. It is incomprehensible to me now, but in general, the usefulness and significance is overwhelming. Thanks again and good luck! Web Design Company

    ReplyDelete
  2. nike running shoes
    The Power Balance bracelet is made of pure surgical grade silicone that is extremely durable. Its stretch feature optimizes users' comfort level. It comes equipped with two, visible power balance holograms and this sporty and stylish bracelet goes with everything.

    Specification:

    Silicone Power Balance Wristband Bracelet
    The band made of 100% silicone rubber
    With 2 visible hologram disks for balance power,waterproof.


    Except for this product,customers are eager to shop for:
    Silly Bands
    Reebok Easytone

    ReplyDelete
  3. Team, to Ecco Casual Shoes.participate in the 1992 Barcelona winter boots,Olympic Games, other members include.

    ReplyDelete

Please add your comment here! I am turning Comments back on (despite the unbelievable amount of spam that Google apparently can't handle intelligently) in the interests of keeping the conversation going. So keep it going! Let me hear what you think.