Problema con canvas
Publicado por Jean (22 intervenciones) el 09/12/2020 12:14:26
hola, tengo un problema con este codigo, genera un canvas con un cuadrado que cada segundo va rotando cuando preciono el boton pero por algun motivo solo rota una vez y no se mantiene rontando, alguien puede ver el error?
Gracias
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
<!doctype html>
<head>
<script>
function iniciar()
{var elemento = document.getElementById("lienzo");
var lienzo = elemento.getContext("2d");
lienzo.translate(500,500)
var fecha = new Date()
var segundos = fecha.getSeconds()
lienzo.save()
var rad = (segundos*6*Math.PI)/180
lienzo.rotate(rad)
lienzo.fillStyle="#FF0000"
lienzo.fillRect(0,0,100,100)
lienzo.restore()
}function animacion(){
setInterval(iniciar,1000)
}</script>
</head>
<body>
<canvas id="lienzo" width="1000" height="1000"></canvas>
<button onclick="animacion()">Rotar</button>
</body>
Valora esta pregunta
0
