如何用canvas制作動畫
canvas制作動畫方法如下：
工具/材料
dw等代碼編輯工具
操作方法
-
01
先在HTML5頁面主體里面添加一個<canvas>標簽，定義一張畫布（大小，背景顏色）代碼
在頭部嵌入JS代碼，并把畫布加載到頁當中去，代碼如圖 -
02
在（900，400）半徑為30，起點為0的地方，逆時針畫一個圓如圖
-
03
運行程序，如圖
-
04
創建一個定時函數，時數為50秒如圖
-
05
創建兩個變量(speed ,start)一個間歇函數，設置速度和開始時間如圖
-
06
以球體運行的開始坐標（start）到終點坐標畫一個圓如圖
-
07
運行程序，結果你會發現如圖
-
08
小球從右邊移動到左邊來了，結果如圖
- End
- 發表于 2017-10-27 00:00
- 閱讀 ( 650 )
- 分類：電腦網絡
admin
0 篇文章
作家榜 ?
-
xiaonan123
189 文章
-
湯依妹兒
97 文章
-
luogf229
46 文章
-
jy02406749
45 文章
-
小凡
34 文章
-
Daisy萌
32 文章
-
我的QQ3117863681
24 文章
-
華志健
23 文章