taralino

Canvas-Interaktion on_mouse_enter

Bei der Verwendung einer Canvas-Zeichenfläche können Funktionen in Abhängigkeit von Maus-Aktivitäten aufgerufen werden.

Die Funktion on_mouse_enter() wird genau dann aufgerufen, wenn der Mauszeiger die Canvas-Zeichenfläche betritt.

Der Funktion werden keine Argumente übergeben.

Beispiel

Die Farbe der Canvas-Zeichenfläche ändert sich beim Betreten sowie Verlassen der Zeichenfläche.

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <script src="taralino.js"></script>
</head>
<body>
<script>

Canvas.init([0,10], [0,5], {width:600, background:"lightgrey"});
Canvas.text(5, 2.5, "Click on me!");

function on_mouse_enter() {
  Canvas.rect(5, 2.5, 10, 5, {fill:"blue"});
};

function on_mouse_leave() {
  Canvas.rect(5, 2.5, 10, 5, {fill:"red"});
};

function on_mouse_down(x, y) {
  Canvas.rect(5, 2.5, 10, 5, {fill:"green"});
};

</script>
</body>
</html>

Vorschau Download Kopie speichern