-
仔细看代码啊查看全部
-
绘图前的js初始化查看全部
-
在HTML文件中插入canvas标签时，通常还会给它一个ID,是方便以后再js中获取这个canvas元素，进而进行具体的绘图。 指定canvas的宽高时，在canvas标签下调用width和height属性（不带单位），也可以在js中指定大小（获取canvas之后，canvas.width=1024;canvas.height=768;），但不建议使用css方法指定canvas的大小。查看全部
-
照着老师的颜色和坐标抄了下来，有一点点变化而已，不过，记个笔记，你们以后不用再对着视频抄了。 ``` var tangram = [ {p:[[0, 0], [800, 0],[400, 400]], color:"#caff67"} , {p:[[0, 0], [400, 400], [0, 800]], color:"#67becf"} , {p:[[800, 0], [800, 400],[600, 600],[600, 200]], color:"#ef3d62"} , {p:[[600, 200],[600, 600], [400, 400]], color:"#f9f51a"} , {p:[[400, 400],[600, 600],[400, 800],[200, 600]], color:"#a594c0"} , {p:[[200, 600],[400, 800],[0, 800]], color:"#fa8ecc"} , {p:[[800, 400],[800, 800],[400, 800]], color:"#f6ca29"} ]; var drawing = document.getElementById("drawing"); if(drawing.getContext){ var ctx = drawing.getContext("2d"); for (var i = tangram.length - 1; i >= 0; i--) { var pos = tangram[i].p; ctx.beginPath(); ctx.moveTo(pos[0][0], pos[0][1]); for (let i = 1; i < pos.length; i++) { ctx.lineTo(pos[i][0], pos[i][1]); } ctx.fillStyle = tangram[i].color; ctx.closePath(); ctx.fill(); // ctx.stroke(); } } ```查看全部
-
圆与圆之间的距离计算查看全部
-
window.onload = function(){ let canvas = document.getElementById('canvas'); canvas.width = 1200; canvas.height = 600; let context = canvas.getContext('2d'); context.lineWidth = 1; context.strokeStyle = "#005588"; // context.arc(300,300,200,0,.5*Math.PI,true); for(var i = 0;i < 10; i ++){ context.beginPath(); context.arc(50 + i*100,60,40,0,2*Math.PI*(i + 1)/10,false) context.closePath(); context.stroke(); } for(var i = 0;i < 10; i ++){ context.beginPath(); context.arc(50 + i*100,160,40,0,2*Math.PI*(i + 1)/10,true) context.closePath(); context.stroke(); } }查看全部
-
老师你好查看全部
-
老师讲的很好查看全部
-
canvas display:block;查看全部
-
Canvas canvas.width convas.height canvas.getContext("2d")查看全部
-
当坐标y值大于768-小球半径时，也就是触底时，y值为768-r，立刻获得一个等大的相反速度，反弹。但是vy一直在加，直到vy变成0的时候，又向下落。但是有0.5的阻力的时候，反弹过来的速度就会变小，所能弹的高度也就变小。最后接近于0。是因为速度的改变为0，到顶点下落。是因为触底，瞬间获得相反的速度，才向上反弹查看全部
-
圆的角度查看全部
-
状态的设置查看全部
-
每个小球圆心的位置查看全部
举报
0/150
提交
取消