|
|
| Line 205: |
Line 205: |
| | } | | } |
| | | | |
| - | canvas.addEventListener('mousemove', function(evt){ | + | function writeMessage(canvas, message) { |
| - | var mousePos = getMousePos(canvas, evt);
| + | var ctx = canvas.getContext('2d'); |
| - | if ((mousePos.x < 250) && (mousePos.y < 250)) {
| + | ctx.clearRect(0, 0, canvas.width, canvas.height); |
| - | imageObj.src = 'https://static.igem.org/mediawiki/2014hs/4/42/TeamOn.png';
| + | ctx.font = '18pt Calibri'; |
| - | imageObj2.src = 'https://static.igem.org/mediawiki/2014hs/7/79/Parts.png';
| + | ctx.fillStyle = 'black'; |
| - | imageObj3.src = 'https://static.igem.org/mediawiki/2014hs/1/16/Sponsors.png';
| + | ctx.fillText(message, 10, 25); |
| - | imageObj4.src = 'https://static.igem.org/mediawiki/2014hs/9/92/Project.png';
| + | } |
| - | }
| + | |
| - | else if ((mousePos.x < 250) && (mousePos.y >= 250)) {
| + | |
| - | imageObj.src = 'https://static.igem.org/mediawiki/2014hs/3/32/Team.png';
| + | |
| - | imageObj2.src = 'https://static.igem.org/mediawiki/2014hs/4/4e/PartsOn.png';
| + | |
| - | imageObj3.src = 'https://static.igem.org/mediawiki/2014hs/1/16/Sponsors.png';
| + | |
| - | imageObj4.src = 'https://static.igem.org/mediawiki/2014hs/9/92/Project.png';
| + | |
| - | }
| + | |
| - | else if ((mousePos.x >= 250) && (mousePos.y < 250)) {
| + | |
| - | imageObj.src = 'https://static.igem.org/mediawiki/2014hs/3/32/Team.png';
| + | |
| - | imageObj2.src = 'https://static.igem.org/mediawiki/2014hs/7/79/Parts.png';
| + | |
| - | imageObj3.src = 'https://static.igem.org/mediawiki/2014hs/2/20/SponsorsOn.png';
| + | |
| - | imageObj4.src = 'https://static.igem.org/mediawiki/2014hs/9/92/Project.png';
| + | |
| - | }
| + | |
| - | else if ((mousePos.x >= 250) && (mousePos.y >= 250)) {
| + | |
| - | imageObj.src = 'https://static.igem.org/mediawiki/2014hs/3/32/Team.png';
| + | |
| - | imageObj2.src = 'https://static.igem.org/mediawiki/2014hs/7/79/Parts.png';
| + | |
| - | imageObj3.src = 'https://static.igem.org/mediawiki/2014hs/1/16/Sponsors.png';
| + | |
| - | imageObj4.src = 'https://static.igem.org/mediawiki/2014hs/4/4b/ProjectOn.png';
| + | |
| - | }
| + | |
| - | }
| + | |
| - | );
| + | |
| | | | |
| | + | var ctx = canvas.getContext('2d'); |
| | | | |
| | + | canvas.addEventListener('mousemove', function(evt) { |
| | + | var mousePos = getMousePos(canvas, evt); |
| | + | var message = 'Mouse position: ' + mousePos.x + ',' + mousePos.y; |
| | + | writeMessage(canvas, message); |
| | + | }, false); |
| | </script> | | </script> |
| | </body> | | </body> |
| | </html> | | </html> |
"
