Tag: 自动播放

在animation之前改进HTML5 Canvas逐帧JPGanimation来完全caching

我试图在这个由Phrogz回答的伟大脚本的基础上构build。 问题是直到所有图像caching在浏览器中，animation才会播放。 因此，在第一次加载它不会玩。 只有在重新加载。 我试图做到这一点是我试图提供一个替代的解决scheme，让animation自动播放，因为该function不能在iOS浏览器中工作。 这是我正在使用的代码： function draw() { var imgNumber = 1; var lastImgNumber = 121; var ctx = canvas.getContext('2d'); var img = new Image; img.onload = function(){ ctx.clearRect( 0, 0, ctx.canvas.width, ctx.canvas.height ); ctx.drawImage( img, 0, 0 ); }; var timer = setInterval( function(){ if (imgNumber>lastImgNumber){ clearInterval( timer ); } else{ img.src = […]