12/08/2018, 18:01
Canvas And Component In Js (1)
để khởi tạo một Canvas tức là chúng ta cần một variable tên là Canvas,value của nó dc biểu thị như sau : var myCanvas { Canvas : document . createElement ( "canvas" ) , start : function ( ) { this . canvas . awidth = 480 ; this . ...
- để khởi tạo một Canvas tức là chúng ta cần một variable tên là Canvas,value của nó dc biểu thị như sau :
var myCanvas { Canvas : document.createElement("canvas"), start : function () { this.canvas. awidth = 480; this.canvas.height = 270; this.context =this.Canvas . getContext("2d"); document.body.insertBefore(this.Canvas,document.body.firstChild); } }
ta có createElement ra thì chúng ta sẽ có Canvas sau đó chúng ta sẽ set height và awidth và chúng ta cần nội dung của nó bằng cách dùng function getContext("2d") , sau khi hoàn thành còn công việc cuối cùng là add nó vào body thôi bằng cách là dùng insertBefore()
- sau đó để chạy myCanvas.start() thì chúng ta cần một cái hàm và chúng ta cần phải sử dụng onload trong body ex :
<body onload= "MyStart()"> function MyStart(){ myCanvas.start(); } </body>
vậy là hàm start trong myCanvas được chạy thôi
nếu bạn muốn Css cho Canvas thí hãy code như này nhé :
canvas { background : gray; }
- sau khi chúng ta code xong nó và kết hợp lại thì sẽ ra một hình chữ nhật màu xám
