HTML5API(5)

標籤：鍵盤事件   drag   client   9.png   標準   hlist   遊戲   開始   頻繁   

一、SVG1、svg與canvas的區別

• canvas繪製的是位元影像，svg繪製的是向量圖
• canvas使用JavaScript繪製，svg使用xml繪製
• canvas不能給每個圖形綁定事件，svg可以給每個圖形綁定事件
• canvas適合遊戲等頻繁操作的應用，svg適合表徵圖
• canvas需要支援H5標準的瀏覽器，svg的相容到IE6
  

2、在html中使用svg

• <embed引入>

  <embed src="circle1.svg" type="image/svg+xml" />

• <object>引入

  <object data="circle1.svg" type="image/svg+xml"></object>

• <iframe>引入

  <iframe src="circle1.svg"></iframe>

• 直接嵌入

  3、svg繪製圖形

• 參考教程 http://www.runoob.com/svg/svg-tutorial.html

  二、觸控螢幕事件1、事件類型
• touchstart 開始觸摸
• touchmove 觸摸移動

• touchend 結束觸摸

  2、touchEvent對象

• touches
  

3、touchList對象

4、touch對象

• clientX
• clientY
• pageX
• pageY
• scrollX
• scrollY
  

三、事件類型滑鼠事件鍵盤事件文檔事件圖片事件表單事件其他事件四、H5新增事件類型1、拖放事件 dragEvent2、多媒體事件 mediaEvent

3、progress progerssEvent4、觸控螢幕事件 touchEvent

5、window事件

6、Form事件

7、Mouse事件

8、其他事件

HTML5API(5)