Attention

The AlphaJpg-SVG.js library is experimental! It is not meant to be used on a production website.

Description

This demo shows the basic usage of the AlphaJpg-SVG.js library. A specially crafted jpg image is loaded from the website's domain. It's alpha transparency is reconstructed using a SVG Filer. The returned SVG element is attached to the DOM. The SVG is wrapped in two div elements and styled so that it behaves like a responsive image.

Support

This technique requires Javascript and SVG Filter support.

Known Issues

• This library does not support background images.
• When loading an image from an external domain, several browsers will download the image twice.
• Firefox renders visual artifacts when reconstructing the image. A bug report has been filed.