1. 程式人生 > 其它 >web相關知識學習

web相關知識學習

今天不想弄那個資料庫了,就把最近學的javaweb在學習一下,畢竟誰能拒絕自己做遊戲呢?

1.html5  Canvas(建立一個畫布)   <canvas id="" width=""  height=""  style="border:1px"></canvas> 用border顯示邊框

Canvas.getContext("2d")  返回一個用來繪畫的環境,2d表示為2維環境。

fillStyle="#FF0000";為定義圖形顏色。可以為CSS顏色,漸變,或圖案。
fillRect(x,y,width,height);定義圖形的填充方式,意思為繪製width和height圖形,從(x,y)位置開始,左上角為(0,0)。

畫線的方法:moveTo(x,y)定義線條開始的座標            lineTo(x,y)定義線條結束座標       storke()繪製線條

畫圖形的方法:beginpath()開始繪畫一條新路徑        arc(x,y,r,start,stop)        storke()繪製線條

 還有繪製漸變顏色圖形,放置影象功能。

2.html5   video顯示視訊  <video id=""  width="">      <source   src=".mp4"  type="video/mp4">    </video>

3.html5     audio顯示音訊    controls 屬性規定瀏覽器應該為音訊提供播放控制元件。

                     <audio controls>  <sourc src="" type="audio/">       </audio>

4.css知識   偽元素選擇符,主要包括:<a>正常狀態link,訪問過的狀態visited,選中的狀態active,游標移動到超連結上文字狀態hover

                                                              <p>首字母first-letter和首行first-line

                                                               普通元素:之前

before   之後after

                                                               表格行元素<tr>,第一行first-child,最後一行last-child,奇數行odd,偶數行even。