Why would I need this?

If you've ever felt the need to wrap stuff around an irregularly-shaped image using CSS's float , you may have been somewhat disappointed to find out that it's forced to wrap around the image's bounding box, rather than the actual contents of the image.

What's the best part?

It's really easy to use! Check out some of the examples for ideas...

Tell me about what it can do...

Client-side, Sliced and Diced Sandbags using HTML 5's new <canvas /> element.

element. CSS-based padding.

Sandbag "resolution" is configurable.

Written with Progressive Enhancement in mind.

Optional "bloom" mode provides ultra-precise padding.

What browsers does it work on?

jQSlickWrap requires that your browser support HTML 5's <canvas> element, and in particular it needs to have support for the toDataURL() function on canvases (meaning it won't work with excanvas, for now). jQSlickWrap is known to work on the following browsers:

Mozilla Firefox 3.5+

Google Chrome

Apple Safari 4+

Opera 11+

If you happen to know that it works on additional browsers, let me know on twitter.

How does it work?