canvas匀速斜线运动 但是后面直线设置长度600以上为什么只显示那么短，谁来解答下哪里错了
<!DOCTYPE html>
<html lang=”en”>
<head>
<meta charset=”UTF-8″>
<title>canvas匀速斜线运动</title>
</head>
<body>
<canvas id=”canvas“>你的浏览器不支持canvas，请跟换其他浏览器试一试</canvas>
</body>
</html>
<script type=”text/javascript”>
var c = document.getElementById(“canvas”);
var context = c.getContext(“2d”);
var x=0;
var y=100;
var maxX = 200,maxY = 100;
function draw(){
if(x<=maxX&&y<=maxY){
context.moveTo(x,y);
context.lineTo(x+=2, y-=1);
context.stroke();
}else{
clearInterval(interVal);
}
}
context.lineWidth = 3;
var xx = 200;
function draw2(){
if(xx<=400){
console.log(xx);
context.moveTo(xx,0);
context.lineTo(xx+=1, 0);
context.stroke();
}else{
clearInterval(interVal2);
}
}
var interVal = setInterval(function(){
draw()
}, 10);
var interVal2 = setInterval(function(){
draw2()
}, 10);
</script>
版权所有丨如未注明 , 均为原创 , 转载请注明canvas匀速斜线运动！
