Orlando: Pixelfarbe auslesen

Beitrag lesen

Hi Achim,

Gibt es die Möglichkeit, mithilfe von JavaScript (ähnlich wie die Mausposition) die Farbwerte des Pixels auszulesen, an welchem sich der Mauszeiger gerade befindet?

in dieser Grundsätzlichkeit, wenn du also auf die Farbe eines Pixels des Fensters zugreifen willst, nicht.

Beispiel: Mauszeiger über roter Fläche, Wert also #FF0000... etc.

Ich habe habe mich überwunden und etwas gebastelt... [1] Du kannst die Hintergrundfarbe wie folgt abfragen:

<?xml version="1.1" encoding="iso-8859-1" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de-AT">
<head>
<title>Hintergrund</title>
<script type="text/javascript">
<!--
function zeige(x) {
 if (document.getElementById) {
  document.getElementById("aktuell").firstChild.nodeValue = x;
 }
}
//-->
</script>
</head>
<body>

<p>Aktuelle Hintergrundfarbe: <span id="aktuell">undefiniert</span></p>

<div style="position:absolute; top:100px; left:100px; width:400px; height:150px; background-color:#f00;"
  onmouseover="zeige(this.style.backgroundColor);" onmouseout="zeige('undefiniert');">
</div>

<div style="position:absolute; top:150px; left:150px; width:150px; height:150px; background-color:#ff0;"
  onmouseover="zeige(this.style.backgroundColor);" onmouseout="zeige('undefiniert');">
</div>

<div style="position:absolute; top:220px; left:250px; width:150px; height:100px; background-color:#abc;"
  onmouseover="zeige(this.style.backgroundColor);" onmouseout="zeige('undefiniert');">
</div>

</body>
</html>

Das ist allerdings noch verbesserungswürdig, weil es mit alten Browsern nicht funktioniert und ich mich fast nie mit Javascript beschäftige; jedenfalls kannst du dir dieses Beispiel unter http://skop.net/self/get_bg.html ansehen.

LG Orlando

[1] Wer von euch ohne Sünde ist, werfe den ersten Stein ;)

--
SELF-TREFFEN 2002
http://www.rtbg.de/selftreffen/
http://www.megpalffy.org/temp/penneninhh.html