-
当用户浏览器版本不支持canvas,可以在canvas中间添加提示文字,或者用js if语句判断查看全部
-
宽高使用行内元素写查看全部
-
canvas 默认 w300 h150查看全部
-
canvas方法查看全部
-
canvas不建议用css定义宽高,而直接在canvas标签上或在js里设width、height的值查看全部
-
context.arc(x,y,n,0,1.5*Path.PI,true) x,y 圆心位置 n 半径 0开始位置 1.5 结束位置 true 逆时针开始绘制 默认false顺时针绘制查看全部
-
context.moveTo(x,y) context.lineTo(x,y) context.lineWidth=m context.strokeStylecontext.fillStyle='rgb(x,y,z)' context.stroke()context.fill() context.beginPath() context.closePath()查看全部
-
canvas width; canvas height; canvas.getContext('2d')查看全部
-
canvas 默认大小是宽*高 = 300*150查看全部
-
for循环不加 { } 只循环其后的第一条语句,加 { } 循环{}中的所有语句查看全部
-
context方法查看全部
-
canvas查看全部
-
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> </head> <body> <canvas id="canvas" > </canvas> <!--<script type="text/javascript" src="js/jquery-1.11.0.js" ></script>--> <script> window.onload=function (){ var canvas=document.getElementById('canvas'); canvas.width=1024; canvas.height=768; //调整浏览器兼容性问题 if(canvas.getContext('2d')){ var context=canvas.getContext('2d'); context.moveTo(100,100) content.lineTo(800,800) context.lineWidth(5) context.strokeStyle='aqua'//颜色是字符串 context.stroke() } else{ alert('浏览器不兼容,请选择其他浏览器谢谢!'); } } </script> </body> </html> 为什么没有效果呀,忧伤,请大神看看吧查看全部
-
初始化小球的状态 x:512,y:100代表小球的初始坐标,r:20代表半径20,g:2加速度为2 vx:-4 代表x轴上的方向是4,负号代表方向 vy:0 竖直方向的速度为0 颜色color查看全部
-
clearRect对整个的矩形进行一次刷新查看全部
举报
0/150
提交
取消