-
仔細(xì)看代碼啊查看全部
-
繪圖前的js初始化查看全部
-
在HTML文件中插入canvas標(biāo)簽時，通常還會給它一個ID,是方便以后再js中獲取這個canvas元素，進(jìn)而進(jìn)行具體的繪圖。 指定canvas的寬高時，在canvas標(biāo)簽下調(diào)用width和height屬性（不帶單位），也可以在js中指定大?。ǐ@取canvas之后，canvas.width=1024;canvas.height=768;），但不建議使用css方法指定canvas的大小。查看全部
-
照著老師的顏色和坐標(biāo)抄了下來，有一點(diǎn)點(diǎn)變化而已，不過，記個筆記，你們以后不用再對著視頻抄了。 ``` 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")查看全部
-
當(dāng)坐標(biāo)y值大于768-小球半徑時，也就是觸底時，y值為768-r，立刻獲得一個等大的相反速度，反彈。但是vy一直在加，直到vy變成0的時候，又向下落。但是有0.5的阻力的時候，反彈過來的速度就會變小，所能彈的高度也就變小。最后接近于0。是因為速度的改變?yōu)?，到頂點(diǎn)下落。是因為觸底，瞬間獲得相反的速度，才向上反彈查看全部
-
圓的角度查看全部
-
狀態(tài)的設(shè)置查看全部
-
每個小球圓心的位置查看全部
舉報
0/150
提交
取消