天天看點

從IE6到IE11上運作WebGL 3D遇到的各種坑

從IE6到IE11上運作WebGL 3D遇到的各種坑

安裝完該插件後,在你需要采用WebGL的頁面增加一行<meta http-equiv=”X-UA-Compatible” content=”chrome=1″>代碼即可,或者從伺服器下發該頁面是對HTTP頭增加X-UA-Compatible: chrome=1的參數即可。

使用<code>Google Chrome Frame</code>還需要注意一下幾點:

<code>Google Chrome Frame</code>不支援直接從本地<code>local file</code>方式打開頁面,必須把頁面部署到<code>Web</code>伺服器釋出方式打開才能運作出效果

<a href="http://msdn.microsoft.com/en-us/library/ie/hh673529(v=vs.85).aspx">http://msdn.microsoft.com/en-us/library/ie/hh673529(v=vs.85).aspx</a>

Note The W3C specification defines a keyword value of preserve-3d for this property, which indicates that flattening is not performed. At this time, Internet Explorer 10 does not support the preserve-3d keyword. You can work around this by manually applying the parent element’s transform to each of the child elements in addition to the child element’s normal transform.

從IE6到IE11上運作WebGL 3D遇到的各種坑

1、lineWidth不讓設定,隻支援1個像素的連線,隻能用一個像素将就着,或者把線采用構模組化型的重方式來替代

2、Stencil buffers還不支援,clearStencil之類的函數就不要考慮用了

3、TRIANGLE_FAN類型不支援,這個還好辦,改用TRIANGLES替代頂多增加點頂點資料

4、不支援return語句,你妹的這個問題讓我苦苦找了半天才發現,隻能改變代碼邏輯不用return的方式

從IE6到IE11上運作WebGL 3D遇到的各種坑

繼續閱讀