zoukankan      html  css  js  c++  java
  • 如何允许WebGL从本地载入资源

    当发现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.37webappsROOT下,然后浏览器打开后输入http://localhost/mono-design/即可。

    方案二:设置浏览器
    On Windows:

    Chrome:
    1、得到Chrome的安装路径,例如:

    C:Users-your-user-nameAppDataLocalGoogleChromeApplication

    2、在命令行窗口,输入安装路径,加上–allow-file-access-from-files参数,例如:

    Chrome installation pathchrome.exe --allow-file-access-from-files

    ,回车执行,启动Chrome
    3、测试的一个临时方法::复制一个Chrome的快捷方式,右键->属性->目标的文本框中加上参数

    --allow-file-access-from-files

    ,例如:

    "Chrome installation pathchrome.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。

    原文参考:http://www.cnblogs.com/twaver/p/3710941.html

  • 相关阅读:
    linux网络配置
    第二章 以太网和数据封装
    linux用户权限
    第一章 网络互联
    linux学习之文件系统
    史上最全Java学习视频下载地址分享
    JAVA高级特性之集合
    Map集合不继承Collection接口,(HashMap类和TreeMap类)---输出结果,如果将Key值修改为首位不为0,HashMap输出就是随机顺序的,求指导,为什么为会这样???
    java中this关键字
    Java long数据类型---网上学习到的资料
  • 原文地址:https://www.cnblogs.com/vicky24k/p/6805766.html
Copyright © 2011-2022 走看看