webgl 帮助文档

您好，我来为您解答：
　　有服务器环境，将项目部署在web服务器上，最简单的tomcat。
　　mono-design的目录中并直接移动到例如apache-tomcat-6.0.37\webapps\ROOT\下，然后浏览器打开后输入http //localhost/mono-design/即可。
　　如果我的回答没能帮助您，请继续追问。

---

　　当发现3d展现是一团黑的时候，在控制台如果看到“unable to get image data from canvas because the canvas has been tainted by cross-origin data.”的错误提示，这是因为浏览器的安全策略，“同源策略”。浏览器为了阻止欺骗，会追踪 image data。当你把一个“跟canvas的域不同的”图片放到canvas上，这个canvas就成为 “tainted”(被污染的，脏的)，浏览器就不让你操作该canvas 的任何像素。
这个问题有两种解决方案
方案一：有服务器环境，将项目部署在web服务器上，最简单的tomcat。
mono-design的目录中并直接移动到例如apache-tomcat-6.0.37\webapps\root\下，然后浏览器打开后输入localhost/mono-design/即可。
方案二：设置浏览器
on windows：
chrome:
1、得到chrome的安装路径，例如：
c:\users\-your-user-name\appdata\local\google\chrome\application

2、在命令行窗口，输入安装路径，加上–allow-file-access-from-files参数，例如：
chrome installation path\chrome.exe --allow-file-access-from-files

，回车执行，启动chrome
3、测试的一个临时方法:：复制一个chrome的快捷方式，右键->属性->目标的文本框中加上参数
--allow-file-access-from-files

，例如：
"chrome installation path\chrome.exe" --allow-file-access-from-files

ie11：默认可以加载本地图片
firefox：
1、firefox的用户请在浏览器的地址栏输入“about:config”，回车
2、在过滤器（filter）中搜索“security.fileuri.strict_origin_policy”
3、将security.fileuri.strict_origin_policy设置为false
4、关闭目前开启的所有firefox窗口，然后重新启动firefox。
on mac：
chrome：从命令行窗口中启动，启动命令为
open /applications/google\ chrome.app --args --allow-file-access-from-files

safari：
1、safari->偏好设置->高级->勾选“在菜单栏中显示‘开发’菜单”
2、开发->勾选“启用webgl”
3、开发->勾选“停用本地文件限制”
firefox：
1、firefox的用户请在浏览器的地址栏输入“about:config”，回车
2、在过滤器（filter）中搜索“security.fileuri.strict_origin_policy”
3、将security.fileuri.strict_origin_policy设置为false
4、关闭目前开启的所有firefox窗口，然后重新启动firefox。