Lange Spieker: verschil tussen versies
Naar navigatie springen
Naar zoeken springen
Geen bewerkingssamenvatting |
Geen bewerkingssamenvatting |
||
| Regel 1: | Regel 1: | ||
<html> | <html> | ||
<head> | |||
<style> | |||
body, html { | |||
margin: 0; | |||
padding: 0; | |||
} | |||
#birdCanvas { | |||
position: absolute; | |||
top: 0; | |||
left: 0; | |||
pointer-events: none; /* So it doesn't block clicks */ | |||
z-index: -1; /* So it's behind other elements */ | |||
} | |||
</style> | |||
</head> | |||
<body> | <body> | ||
<canvas id="birdCanvas" width="500" height="500"></canvas> | <canvas id="birdCanvas" width="500" height="500"></canvas> | ||
| Regel 28: | Regel 43: | ||
// Neck | // Neck | ||
ctx.fillRect(-5, -90, 10, 30); | ctx.fillRect(-5, -90, 10, 30); | ||
// Head | // Head | ||
ctx.beginPath(); | ctx.beginPath(); | ||
ctx.arc(0, -100, 15, 0, Math.PI * 2); | ctx.arc(0, -100, 15, 0, Math.PI * 2); | ||
ctx.fill(); | ctx.fill(); | ||
| Regel 62: | Regel 74: | ||
} | } | ||
drawLangeSpieker(250, 300); | drawLangeSpieker(250, 300); | ||
</script> | </script> | ||
</body> | </body> | ||
</html> | </html> | ||
Versie van 31 jul 2025 20:06