1
Ive vor kurzem eine "Karte" erstellt, obwohl nicht sehr anspruchsvoll (ich arbeite daran) hat es die Grundfunktion und ist in der Regel in die richtige Richtung.Mouseover erkennen und Tooltip-Text für Punkte auf einem HTML-Canvas anzeigen
Wenn du es dir ansiehst, kannst du winzige rote Punkte sehen und auf diesen winzigen roten Punkten möchte ich mit der Maus darüber gehen und Text sehen, aber ich hatte ein paar Probleme damit, den richtigen Code zu finden.
http://hummingbird2.x10.mx/website%20creation/mainpage.htm
Dies ist der gesamte Code so weit.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Oynx Warrior</title>
<link rel="stylesheet" type="text/css" href="mystyle.css" />
</head>
<body>
<h1>Oynx Warrior</h1>
<canvas id="myCanvas" width="500" height="500" style="border:1px solid #c3c3c3;">
Your browser does not support the canvas element.
</canvas>
<script type="text/javascript">
var c=document.getElementById("myCanvas");
var cxt=c.getContext("2d");
cxt.fillStyle="#red";
cxt.beginPath();
cxt.arc(50,50,1,0,Math.PI*2,true);
cxt.closePath();
cxt.fill();
</script>
</body>
</html>