亚洲精品乱码久久久久蜜桃-97国产精品人妻无码久久久-加勒比中文字幕无码一区-中文字幕乱人伦高清视频-无码va在线观看

　　WebGL

　　WebGL是一種基于Web的Graphic庫，由非盈利組織Khronos運營,目前結合HTML5元素廣泛應用在3D圖形開發中。

　　學習WebGL比較困難，因為它是底層開發——它運行在GPU上面，而且它實際上是一個OpenGL的JavaScript port，是一種游戲開發者使用的已經長期建立的API集。WebGL的主要受眾是哪些已經擁有豐富OpenGL經驗的游戲開發者，他們可以通過WebGL為web平臺編寫游戲。

　　好在有很多資源可以幫助您學習WebGL，這些資源不僅僅是關于游戲開發的，還有很多奇幻的圖形、視覺和音樂視頻等方面。作者個人比較推薦的是：

　　WebGL目前在所有桌面瀏覽器（發布版和開發頻道）中都支持，除了IE10（微軟表示不支持）。對于移動產品來說，已經在Opera Mobile 12中發布了，最終會出現在Android，BlackBerry Playbook 2.0，Nokia N900，SonyEricsson Xpertia Android Phones等以及Firefox移動瀏覽器中。

　　SVG

　　SVG（Scalable Vector Graphics）已經在Opera，Firefox，Chrome中存在多年了，但是直到IE9開始支持它之后才漸漸變得主流一些它在HTML5的光環下顯得有點暗淡，盡管SVG和HTML5是面向不用應用的不同工具。

　　Canvas2D可以迅速paint圖形到屏幕上面，這一點很犀利。但是其全部功能就是paint了，沒有內存來做那些（位置，頂層或其他）其他功能。如果您需要那種book-keeping工作，就只能自己用JavaScript實現，因為Canvas2D不會把DOM保存到內存中，也正因為如此Canvas2D速度快，十分適合第一人稱射擊類應用。

　　與Canvas2D不同，SVG在您需要保存DOM的時候就給力了。使用JavaScript，所有的Objects都可以移動并且與動畫無關。您可以試試Daniel Davis做的復古類SVG游戲Inbox Attack（http://people.opera.com/danield/svg/inbox-attack.svg）來體驗一下，并且看看源代碼來了解如何完成動畫效果。

　　因為shape和path是用Markup來描述的，所以他們可以用CSS來定型。與不同，text在SVG中保持text格式并且更加的靈活，更加可擴展，更加易于訪問。在Canvas中，text變成了像素，就像Photoshop中的圖形text。

　　SVG最強大的特性是它基于矢量，這樣您的插圖，圖形和UI圖標等都是矢量圖了，這樣無論是在50英寸的電視屏還是手機屏幕桌面上，看上去感覺都是一樣的清晰。在當今這樣一個web應用無處不在的時代，SVG圖形甚至可以包括媒體查詢，可以是響應式的，可以根據不同的目標設備做尺寸的調整。

　　綜上所述，在最新的桌面瀏覽器中SVG已經能被廣泛支持了。在移動產品方面的支持總體上來說也很好，以及預期在Android 3.0版本之前原生瀏覽器也會支持它了。

　　getUserMedia

　　不像那些被錯誤地稱為HTML5的API，getUserMeida（在下文中簡寫為gUM）有個相對正當的理由：起初它是HTML5元素，之后它改名了然后離開了W3C WebRTC規范集合。

　　gUM允許訪問用戶的攝像頭和麥克風，本來是在WebRTC規范中在瀏覽器中進行P2P視頻會議的，當gUM擁有了其他的用途，就離開了WebRTC。

　　攝像頭的訪問最終在Opera12安卓版，Opera桌面實驗室和Google Chrome Canary里面實現了，不過Opera和Chrome都還沒有實現麥克風的接入。

　　W3C規范依然在用，所以Opera和Webkit有不同的語法規范，這樣的麻煩被一個叫做The gUM Shield,的小JavaScript片段搞定了。如果您想更深入地了解這方面請看作者的另一篇文章：It’s Curtains for Marital Strife Thanks to getUserMedia

　　當視頻從設備開始流傳輸的時候，源數據可以被做成變成了元素，如果需要的話還可以被定為到屏幕外面，然后拷貝到里面進行所需要的操作。Paul Neave寫的《HTML5變成玩具！》（http://neave.com/webcam/html5/）為了方便操作把流媒體數據拷貝到WebGL中。作者在.net雜志的226話有采訪他的報導。

　　如果想把web app的功能做得像native app，gUM需要做很多的工作。試了一下Neaver的gum和WebGL在Opera Mobile 12上面的demo，感覺和平臺獨有的app一樣富有響應式并且很時髦。當在瀏覽器產品中其功能被廣泛應用的時候，作者語言會有很多基于web的QR代碼閱讀者以及很多增強現實的應用。

　　File APIs

　　W3C File APIs允許JavaScript訪問本地文件，其中最常用的API是FileReader，可以從Opera，FireFox，IE10平臺等的預覽版看到（不包括Safari）。

　　這一份W3C規范“為了在web應用中提供API來代表文件對象，以及編程選擇和訪問數據”。例如：你可以上傳文件到瀏覽器中，并本地查找相關信息（例如文件名，尺寸，類型）而不需要到服務器端。您也可以打開文件，操作內容，這樣可以加強基于瀏覽器的應用的交互性，用起來更像是本地應用。

　　另一個常用的用途是使傳統的圖像上傳兌換狂更具有Web2.0特色：通過允許在瀏覽器內部的Drag and Drop，而不是本地文件系統中改變。

　　您可以通過使用一個普通的開始，然后循序漸進地提高。HTML5 Drag&Drop支持特征檢測，如果存在的話就使用

　　替換，那就是您的drag圖像目標了。當圖像被drag到目標的時候，使用File Reader API來顯示一個指甲蓋大小的圖像。您可以看一下Remy Sharp的demo。

　　Feature-detecting,progressive enhancement and upgrade messages（特征檢測，漸進式增強和消息通知）

　　誠然，在沒有那些奇幻的API的時候，大家總是試圖使用漸進式增強和HTML語義的方法讓網站照常工作。然而有時候卻不能這樣，例如Paul Neaver的《HTML5變成玩具》中，如果gUM和WebGL現在不存在的話，其網站不能有什么補救措施了，整個網站的核心都沒了。

　　在這樣的情況下有兩種典型的慣例：要么是顯示一條消息說“你的瀏覽器太垃圾了，塞油哪啦”或者說“你必須用Chrome6/Firefox 4/Opera10等[插入能支持你應用的瀏覽器]才能訪問”。第一種方法又沒用又粗魯，沒有建議和補救措施；第二種方法是個臨時辦法，因為六個月之內所有瀏覽器可能都能支持你現在使用的技術了，讓你在網站上留下的信息過時：例如您寫的解決方案是建議使用Firefox4來訪問，可是半年后用戶安裝著Firefox7回來訪問你的頁面了，這可就真的沒救了。

　　HTML5 Please API把開發人員的語言（和特性）翻譯成用戶能理解的語言（瀏覽器）。通過調用這個API你就可以得到一些HTML返回值來告訴訪問者，或者返回一個帶有相關數據的JSON對象（包括瀏覽器Logo及下載介紹等信息）。這樣您可以根據不同的客戶來顯示不同的補救信息了。

　　結束語：

　　正如您所看到的，大量的令人驚喜的新技術正在接踵而至，您著手研究上述某項技術的時候恐怕又要擔心更新鮮的技術到來了吧。希望您開發得愉快，請記得讓您所開發的應用在盡可能多的瀏覽器上面測試一下。

　　杭州網站建設更多：談談HTML5最突出的特性與功能