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 an external 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.