如何在html画布上移动图像


本文小编为大家详细介绍“如何在html画布上移动图像”,内容详细,步骤清晰,细节处理妥当,希望这篇“如何在html画布上移动图像”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。
  var imgTag = null;
  var x = 0;
  var y = 0;
  var id;
  function doCanvas()
  {
  var canvas = d免费云主机域名ocument.getElementById(‘icanvas’);
  var ctx = canvas.getContext(“2d”);
  var imgBkg = document.getElementById(‘imgBkg’);
  imgTag = document.getElementById(‘imgTag’);
  ctx.drawImage(imgBkg,0);
  x = canvas.width;
  y = 40;
  id = setInterval(moveImg,0.25);
  }
  function moveImg()
  {
  if(x

  clearInterval(id);
  var canvas = document.getElementById(‘icanvas’);
  var ctx = canvas.getContext(“2d”);
  ctx.clearRect(0,canvas.width,canvas.height);
  var imgBkg = document.getElementById(‘imgBkg’);
  ctx.drawImage(imgBkg,0);
  ctx.drawImage(imgTag,x,y);
  x = x – 1;
  }读到这里,这篇“如何在html画布上移动图像”文章已经介绍完毕,想要掌握这篇文章的知识点还需要大家自己动手实践使用过才能领会,如果想了解更多相关内容的文章,欢迎关注百云主机行业资讯频道。

相关推荐: css3新特性分为哪几六类

这篇“css3新特性分为哪几六类”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“css3新特性分为哪几六类”文章吧。 CSS3的新特性大致分为以下…

免责声明:本站发布的图片视频文字,以转载和分享为主,文章观点不代表本站立场,本站不承担相关法律责任;如果涉及侵权请联系邮箱:360163164@qq.com举报,并提供相关证据,经查实将立刻删除涉嫌侵权内容。

(0)
打赏 微信扫一扫 微信扫一扫
上一篇 01/24 20:04
下一篇 01/25 10:51

相关推荐