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
以上內容就是H5如何在網頁中繪制三角形的內容啦 ， 希望對你有所幫助哦！
猜你喜歡
- 一起作業網如何注冊教師賬號？
- 千佛手徒長了怎么辦
- lb
- 如何利用PS工具繪制出鉻球
- 如何給Word文檔進行分頁
- 蘋果手機如何鏈接藍牙耳機
- 如何添加針式打印機
- WPS文檔如何制作斜線表頭
- WPS/Word如何打出超大字體
- 如何對WPS文字文檔進行限制編輯加以保護