-
慕课网现在好像洗了个脸,感觉小清晰了不少,小伙伴有没有痛感.......查看全部
-
看到这里啦查看全部
-
<!DOCTYPE HTML> <html> <body <center><canvas id="myCanvas">your browser does not support the canvas tag </canvas> <script type="text/javascript"> var canvas=document.getElementById('myCanvas'); canvas.width=800; canvas.height=600; var ctx=canvas.getContext('2d'); ctx.beginPath() ctx.moveTo(100,100); ctx.lineTo(500,500); ctx.lineTo(200,500); ctx.lineTo(100,100); ctx.fillStyle="rgb(20,52,62)"; ctx.fill(); ctx.closePath(); ctx.beginPath() ctx.moveTo(500,200); ctx.lineTo(500,500); ctx.lineWidth=5; ctx.strokeStyle="#ef0"; ctx.stroke(); ctx.closePath(); </script> </body> </html>查看全部
-
if (ball.y>=768-ball.r){ 判断小球下落的高度和页面高度是否相等， } ballvy=-ball.vy*0.5 反方向减速 0.5为摩擦系数查看全部
-
能画出线就能画出几何图形。查看全部
-
Context 状态视图查看全部
-
ctx.clearReact(0,0,width,height); 对画布刷新查看全部
-
格子系统查看全部
-
closePath() 会自动连接不封闭路径的首尾 fill() 会自动调用 closePath() 封闭图形查看全部
-
context.arc( centerx, centery, radius //圆心 半径 startAngle, endAngle, // 开始结束 弧度 anticlockwise = false // 顺时针默认 逆时针 )查看全部
-
var tangram = [ {p:[{x:0,y:0},{x:800,y:0},{x:400,y:400}],color:"#caff67"}, {p:[{x:0,y:0},{x:400,y:400},{x:0,y:800}],color:"#67becf"}, {p:[{x:800,y:0},{x:800,y:400},{x:600,y:600},{x:600,y:200}],color:"#ef3d61"}, {p:[{x:600,y:200},{x:600,y:600},{x:400,y:400}],color:"#f9f51a"}, {p:[{x:400,y:400},{x:600,y:600},{x:400,y:800},{x:200,y:600}],color:"#a594c0"}, {p:[{x:200,y:600},{x:400,y:800},{x:0,y:800}],color:"#fa8ccc"}, {p:[{x:800,y:400},{x:800,y:800},{x:400,y:800}],color:"#f6ca29"} ];查看全部
-
context.moveTo(100,100); context.lineTo(700,700); context.lineTo(200700); context.lineWudth = 5; context.strokeStyle = '#f60'; context.fillStyle = "rgb(2,100,30)" 填充颜色 context.fill(); context.stroke(); 绘制线条 抬起 放下画笔 context.beginPath(); context.closePath();查看全部
-
去掉多余的小球，优化性能查看全部
-
closePath（）会把路径封闭。重新规划路径可以只使用beginPath()。调用fill()时，canvas会自动将未封闭的路径封闭，也不需要clothPath()。查看全部
-
canvas基础接口使用查看全部
举报
0/150
提交
取消