Nová ukázka
Reset
Načíst z URL
Uložit a získat odkaz
Vztahuje se k…
Nevyplňujte
Napiště „nejsem robot“
▶
Přepnout zobrazení
Výsledek
<!DOCTYPE html> <html> <head> <title>Hra</title> </head> <body> <script> var canvas = document.createElement('canvas'); canvas.width = 800; canvas.height = 600; document.body.appendChild(canvas); var c = canvas.getContext('2d'); c.fillStyle = 'green'; c.fillRect(10, 10, 30, 30); document.body.appendChild(canvas); function start () { c.fillStyle = 'blue'; c.fillRect(10, 10, 30, 30); } window.addEventListener('load', start); function start () { c.fillStyle = 'green'; var image = new Image(); image.src = 'nanonaut.png'; } window.addEventListener('load', start); function start() { c.fillStyle = 'green'; c.fillRect(10, 10, 30, 30); c.drawImage(image, 20, 40); } var x = 0; var y = 40; window.addEventListener('load', start); function start() { window.requestAnimationFrame(loop); } function loop() { c.clearRect(0, 0, 800, 600); c.drawImage(image, x, y); x = x + 1; window.requestAnimationFrame(loop); } </script> </body> </html>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>