1. 程式人生 > >h5標籤詳解(新增的以及改良的)

h5標籤詳解(新增的以及改良的)

文章來自:原始碼線上https://www.shengli.me/h5/62.html 

 

 

1、progress 標籤:進度條;

 

2、ol標籤改良:starttype reversed;翻轉排序;

 

3、datalist 標籤:自動補全的使用;

 

4、details 標籤:展開收縮標籤;

 

5、summary 標籤: 自動帶有展開收縮的效果;

 

6、mark 標籤:高亮顯示文字;

 

7、audio:音訊標籤;

 

8、video:視訊標籤;

 

9、outline:輪廓;通border但是borde佔位置outline不佔位置;

 

outline-offset:10px/-10px;  (設定偏移量 可實現內外邊框 )

 

 

canvas 繪圖:

 

1、canvas 畫布

2、獲取畫布

 3、設定畫布大小:

4、繪製物件的方式:

5、重新繪製

6、閉合繪製路徑 

7、直線(起點/終點) 

8、矩形(起始座標,寬 高) 

9、圓形(起始座標,半徑,圓周(0-Math,PI*2))

10、繪製文字