如何让背景图随 cancas 的移动而移动
来源：5-3 使用图片、画布或者video
刚毅87
2016-07-16 16:39
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
*{
margin: 0;
padding: 0;
}
</style>
</head>
<body>
<canvas id="myCanvas" height="" width="">
此浏览器不支持canvas,请更换浏览器
</canvas>
<script type="text/javascript">
var canvas = document.getElementById('myCanvas');
var context = canvas.getContext('2d');
canvas.width = document.documentElement.clientWidth;
canvas.height = document.documentElement.clientHeight;
var imgs = new Image();
imgs.src = 'img/background.png';
var bgY = 0;
function bgmove(){
context.clearRect(0,0,canvas.width,canvas.height);
bgY++;
var pattarn = context.createPattern(imgs,'repeat');
console.log(bgY);
context.fillRect(0,bgY,canvas.width,canvas.height/2);
context.fillStyle = pattarn;
context.fill();
}
setInterval(bgmove,30)
</script>
</body>
</html>想让背景图随 cancas 的移动而移动,该如何改进,求大神指导.
写回答
关注
2回答
-
- 刚毅87
- 2016-07-16 20:23:58
canvas 肯定可以移动,我说的是怎么让填充的图片随 canvas 一起移动
-
- 慕慕9986984
- 2016-07-16 20:16:58
canvas也能移动呀！你是说，层叠的canvas吗？
Canvas绘图详解
Canvas系列教程第二课,详解Canvas各接口，让同学彻底掌握Canvas绘图
72885 学习 · 422 问题
相似问题