利用canvas绘制图像：
首先得创建一个image对象；再利用drawImage方法。
drawImage(img,源图像的x坐标，源图像的y坐标，源图像的宽度，源图像的高度，目标图像的x坐标，目标图像的y坐标，目标图像的宽度，目标图像的高度)。
例如：场景，实现一个小狗从左到右移动
<body>
<canvas id="mycanvas" width="400" height="600"></canvas>
</body>
<script>
var mycanvas=document.getElementById('mycanvas').getContext('2d');
var img=new Image();
img.src='./img/dog.png';
var start=0;//小狗的起始位置
setInterval（function（）{
start=start+1;
//if(start<-100){
// start=0;
// }
canvas.clearReact(0,0,400,600);//清除画布
canvas.drawImage(img,150,500,150,800,start,0,100,200);
}）
</script>
扫一扫
309
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
