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
<canvas width="300" height="300" id="platno"> <p>Prohlížeč nepodporuje canvas.</p> </canvas>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
CSS
Autoformát
CSS reset
Až na konci
var platno = document.getElementById("platno"); var ctx = platno.getContext("2d"); ctx.fillStyle = "#0D6AB7"; ctx.fillRect(10, 10, 100, 100); ctx.fillStyle = "#1081DD"; ctx.fillRect(0, 0, 100, 100); ctx.moveTo(110, 60); ctx.lineWidth = 5; ctx.strokeStyle = '#0D6AB7'; ctx.lineTo(280, 60); ctx.stroke(); ctx.fillStyle = "#0D6AB7"; ctx.font = 'bold 30pt Arial'; ctx.fillText('Je čas', 150, 50); ctx.beginPath(); ctx.fillStyle = "#fff"; ctx.arc(50, 50, 20, 0, 2 * Math.PI, false); ctx.fill();
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>