1.定義小球
ball = ;
2.繪製小球:update函式是更新小球用的,ctx.fillstyle = 'rgba(255, 255, 255, .05)';
這一句是用來增添小球的運動軌跡的。
function drawball(ctx)
3.update函式
function update() else
}
4.呼叫上面的函式var canvas = document.getelementbyid("canvas");
var context = canvas.getcontext("2d");
setinterval(function () ,
20);}
最後的效果如下:
JavaScript學習之路《七》
object 建立和使用 object 所有類的基礎類 例項化物件 var obj new object var obj 設定屬性 方法 obj.name zhangsan obj.age 20 obj.say function 訪問物件的屬性或方法 obj.name obj.say delete操...
webpack學習之路(七)
本節我們將深入了解一些應用於構建 和應用的最佳實踐和工具。雖然我們對生產環境和開發環境做了略微區分,但是遵循不重複原則dry don t repeat yourself 還是保留乙個通用配置。為了整合這些配置我們需要乙個webpack merge外掛程式。有了通用配置我們就不用在特定環境的配置中重複...
Html5 Canvas學習之路(三)
合成是指如何精細控制畫布上物件的透明度和分層效果。有兩個屬性可以控制合成操作 globalalpha canvas屬性用來表示透明度,它的預設值為1.0 完全不透明 並且可以設定從0.0到1.0的值,這項canvas屬性必須在圖形繪製之前設定。globalcompositeoperation屬性用來...