jindriska: Bilddaten auslesen mit JavaScript - Formate?

Beitrag lesen

SELF-Forum

Bilddaten auslesen mit JavaScript - Formate?

jindriska
– Informationen zu den Bewertungsregeln

Hallo,

ich möchte mit JavaScript die Farbwerte bestimmter Bildbereiche auslesen. Das geht auch mit den meisten Bildern- nicht aber bei dem angehängten. Wie kann ich herausfinden, weshalb hier alle Werte von alle möglichen Stellen immer ergeben?

<!DOCTYPE html>
<html>
<body>

<img id="scream" src="willow.png" alt="The Scream" width="220" height="277">
<canvas id="myCanvas" width="220" height="277" style="border:1px solid #d3d3d3;">
Your browser does not support the HTML5 canvas tag.</canvas>

<script>
document.getElementById("scream").onload = function() {
	var c = document.getElementById("myCanvas");
	var ctx = c.getContext("2d");
	var img = document.getElementById("scream");
	ctx.drawImage(img, 0, 0);
	var imgData = ctx.getImageData(0, 0, c.width, c.height);
	
	var wert=imgData.data[12];
	window.alert(wert);
	var wert=imgData.data[13];
	window.alert(wert);
	var wert=imgData.data[14];
	window.alert(wert);
	var wert=imgData.data[15];
	window.alert(wert);
};
</script>

<p><strong>Note:</strong> The canvas tag is not supported in Internet 
Explorer 8 and earlier versions.</p>

</body>
</html>

Beitrag melden
–
Informationen zu den Bewertungsregeln