html5學習筆記

2021-06-26 10:03:59 字數 1204 閱讀 7798

html5

1、文件宣告dtd 

設定文件型別

使得瀏覽器按照標準模式(w3c標準)渲染網頁

否則瀏覽器按照自定義的怪異模式渲染網頁

2、結構標籤  

本質上都是div標籤,但是有意義,

3、canvas

凡是路徑圖形,開始畫之前要beginpath  畫完要closepath

定義縮寫 the prc was founded in 1949.

onblur 事件會在物件失去焦點時發生。

onfocus 

href:hypertext reference的縮寫。意思是超文字引用。 html5 中不再支援

//api

event.pagex :獲取當前位置與瀏覽器最左側的距離

event.pagey: 獲取當前位置與瀏覽器最上邊的距離

obj.offsetleft 獲取當前物件內 當前位置與物件左側的距離

cxt.clearrect(startx,starty,endx,endy)清理畫布中指定的矩形區域

obj.onmousedown obj.onmousemove obj.onmouseup obj.onmouseout  滑鼠按下 移動 抬起 離開事件

obj.style.width 設定物件的寬度

cxt.linewidth 設定繪圖環境的筆觸寬度

cxt.fillstyle cxt.strokestyle 設定繪圖環境的填充和筆觸樣式,一般是顏色

canvas.onmousemove = null; //登出到其他動作註冊的事件

//colordata=[紅,綠,藍,透明度],畫素資訊為三原色的深度,以及透明度

//rgb色彩模式是工業界的一種顏色標準,是通過對紅(r)、綠(g)、藍(b)三個顏色通道的變化以及它們相互之間的疊加來得到各式各樣的顏色的

var color = 'rgb('+colordata.data[0]+','+colordata.data[1]+','+colordata.data[2]+')';

var colordata = cxt.getimagedata(x,y,1,1);//獲取畫素資訊

//將工具和形狀物件放進乙個陣列中

var t_s = [brush,eraser,paint,straw,text,magnifier,line,arc,arcfill,poly,rectfill,rect];

//data協議

HTML5學習筆記一 簡單學習HTML5

html 是用來描述網頁的一種語言。html5 是下一代 html 標準。html html 4.01的上乙個版本誕生於 1999 年。自從那以後,web 世界已經經歷了巨變。html5 仍處於完善之中。然而,大部分現代瀏覽器已經具備了某些 html5 支援。html5 中的一些有趣的新特性 看一下...

HTML5學習筆記一 簡單學習HTML5

html 是用來描述網頁的一種語言。html5 是下一代 html 標準。html html 4.01的上乙個版本誕生於 1999 年。自從那以後,web 世界已經經歷了巨變。html5 仍處於完善之中。然而,大部分現代瀏覽器已經具備了某些 html5 支援。html5 中的一些有趣的新特性 看一下...

HTML5學習筆記

最近在讀陸凌牛老師的 html5與css3權威指南 在看的過程中,發現一部分屬性已經過時了,下面一些總結 1.indexeddb資料庫的事物idbtransaction兩種事物狀態 1 唯讀事務 idbtransaction.read only 2 讀寫事物 dbtransaction.read w...