Canvas onclick对象，动画一次

Question

我想点击“对象”并将其设置为“广告资源”动画。我想这将是一个数组或一系列对象。

如何点击图片会触发动画到位置和 改变它的价值？

//window to canvas code omitted 
//also find mouse co-ordinates code omitted
//init such as 'context' omitted.
onclick = function(e) {
  clearRect(0, 0, canvas.width, canvas.height);
  drawImage(cupcake, 0, 0 , 50, 50,);
}

Answer 1

好吧，如果你想要浏览器动画，我会推荐CSS动画/过渡。它们相对流畅，并且跨浏览器得到很好的支持

这是CSS动画的演示，可以通过javascript控制。 http://www.w3schools.com/css/tryit.asp?filename=trycss3_animation3