H5如何在網頁中繪制三角形
H5是目前比較火的編程工具之一，功能十分強大，深受編程人員的喜愛。對于初學者來說，利用H5繪制圖形是必須經歷的學習階段。例：如用H5繪制一個三角形。具體方法如下：
工具/材料
dw軟件
操作方法
-
01
首先，我們得在網頁主體<body>標簽里，定義一張畫布，可以隨便定義畫布的大小，和背景顏色等，如圖1
-
02
在<head>頭部輸入JS代碼，通過windows方法加載到網頁中去，并定義一只“2D”畫筆，代碼如圖2
-
03
運行程序，大家可以看到，該我們定義的畫布大小，顏色等，如圖3
-
04
在畫布起始點（50,50）定義一個起始點（即從X軸、Y軸什么地方開始做圖），代碼如圖４
-
05
從起始點（５０，５０）到X軸（１００）、y軸（200）畫一條斜線，代碼如圖5
-
06
通過storke輸出語句在網頁中輸出程序，這時個我們就可以在網頁中看到一條斜線：如圖6
-
07
在Y 軸上找一條長100PX直線，Y軸的長度保持不變（２００）,x 軸變為200PX，代碼如圖7
-
08
運行程序，結果如圖8
-
09
通過closePath合并三角形的路徑，代碼如圖9
-
10
運行程序，這時個一個完整的三角形就做成了，結果如圖10
- End
- 發表于 2017-10-30 00:00
- 閱讀 ( 684 )
- 分類：電腦網絡
admin
0 篇文章
作家榜 ?
-
xiaonan123
189 文章
-
湯依妹兒
97 文章
-
luogf229
46 文章
-
jy02406749
45 文章
-
小凡
34 文章
-
Daisy萌
32 文章
-
我的QQ3117863681
24 文章
-
華志健
23 文章