nonowarn / ie8png.js Goto Github PK

Fixes rendering of PNG images with transparency on modern-browsers. Works on latest Chrome, Firefox, Safari and IE9+.

bower install [--save] ie8png.js

<script src="path/to/ie8png.js"></script>

<script>
  // The library exposes ie8png function globally.
  // Pass an <img> element or array/NodeList of them and fix their transparency.

  ie8png(document.getElementId("some-image"));
  ie8png(document.querySelectorAll("img"));
</script>

element is an element to fix transparency. If the element is not seemed to be a PNG image, it will be ignored. If onFinished is given, it will be called when fixing is finished or loading the image is failed. If the element was ignored, it will be called immediately.

elements is an array or NodeList of images to fix transparency. Elements in the elements which are not seemed to be a PNG images will be ignored. If onFinished is given, it will be called when fixing all not-ignored elements is finished even if some image are failed to load.

Vanilla JS.

MIT.

• Precise rendering
• Error handling on broken images