Permalink
Switch branches/tags
Nothing to show
Find file Copy path
Fetching contributors…
Cannot retrieve contributors at this time
executable file 66 lines (43 sloc) 1.23 KB

#AlphaPicker

画像のアルファ値を調べるJavascriptです。

Javascript to get a pixel's alpha value of an image.

http://utsutsunogare.com/alphapicker/

##Usage

JSファイルを読み込みます。

Include the Javascript file on your page.

<script src="alphapicker.js"></script>

###Example

クリック箇所のアルファ値をアラートするサンプル。

Alert the alpha value of the coordinates of click on the image.

<img src="image.png" alt="" id="alpha" />

<script src="alphapicker.js"></script>
<script>
(function() {
	var img = document.getElementById("alpha"),
		alpha;
	
	try {
		alpha = AlphaPicker(img);
	} catch(e) {
		console.log(e.name + ":" + e.message);
		return;
	}
	
	alpha.click(function(e) {
		alert(e.alpha);
	});
})();
</script>

##Demos

On CodePen.

##Browser

HTML5 Canvasをサポートしたブラウザで動きます。
ローカルでは動きません。

For HTML5 Canvas supported browsers.
It doesn't work in local.

##License

MIT license