Detect if an image or canvas has any transparent pixels.
npm install opaqueBrowserify module for detecting if an image or canvas element has transparent
pixels.
Using NPM and Browserify:
`` bash`
npm install opaque
As a component:
` bash`
component install hughsk/opaque
opaque(element)
Returns false if transparent, or true if not.
opaque.transparent(element)
The opposite of opaque: true if transparent, false if not.
` javascript
var opaque = require('opaque')
, transparent = require('opaque').transparent
var brick = new Image
brick.src = '/brick.png'
brick.onload = function() {
opaque(brick) // true
transparent(brick) // false
};
var glass = new Image
glass.src = '/glass.png'
glass.onload = function() {
opaque(glass) // false
transparent(glass) // true
};
``
Note that an image must be fully loaded before being checked.