如何運用HTML5畫圖
HTML5相比HTML4增加了很多新的特性，這其中就包括畫圖功能。以前我們想在頁面上添加一個圖形，我們只能用圖片。而現在我們可以用HTML5來實現這一功能。下面小編就給大家介紹如何運用HTML5畫圖
東西/材料
Sublime Text
操作方式
-
01
起首要籌辦一個畫布，如下圖所示，在HTML5中我們用canvas來暗示畫布
-
02
然后我們在script劇本中獲取畫布對象，如下圖所示，運用JS的getElementById方式即可
-
03
接下來我們經由過程畫布對象的getContext方式來獲取上下文2d對象，如下圖所示，我們要操作的內容都在里面
-
04
然后我們給2d上下文填充布景色，如下圖所示，運用上下文的fillStyle屬性即可
-
05
接下來，運用上下文的fillRect方式來畫一個矩形，注重里面的四個值就是四個坐標，如下圖所示
-
06
最后我們運行界面法式，你會看到如下圖所示的紅色矩形樣例，你可要和上面的坐標對應一下
-
07
當然2d上下文中還可以畫其他的圖形，如下圖所示的圓形，大師按照本身的需要應用即可
- End
- 發表于 2018-02-14 00:00
- 閱讀 ( 737 )
- 分類：電腦網絡
admin
0 篇文章
作家榜 ?
-
xiaonan123
189 文章
-
湯依妹兒
97 文章
-
luogf229
46 文章
-
jy02406749
45 文章
-
小凡
34 文章
-
Daisy萌
32 文章
-
我的QQ3117863681
24 文章
-
華志健
23 文章