2024年10月webgl什么意思（ThisbrowserdoesnotsupportWebGL是什么意思）

　　⑴webgl什么意思（ThisbrowserdoesnotsupportWebGL是什么意思

　　⑵ThisbrowserdoesnotsupportWebGL是什么意思

　　⑶ThisbrowserdoesnotsupportWebGL.英文翻译如下此浏览器不支持WebGL。

　　⑷近年来web得到了快速的发展。随着HTML的普及，网页的表现能力越来越强大。网页上已经可以做出很多复杂的动画，精美的效果。但是，人总是贪的。那么，在此之上还能做什么呢？其中一种就是通过WebGL在网页中绘制高性能的D图形。

　　⑸OpenGL它是最常用的跨平台图形库。WebGL是基于OpenGL设计的面向web的图形标准，提供了一系列JavaScriptAPI，通过这些API进行图形渲染将得以利用图形硬件从而获得较高性能。而Three.js是通过对WebGL接口的封装与简化而形成的一个易用的图形库。简单点的说法threejs=three+js，three表示D的意思，js表示javascript的意思。那么合起来，three.js就是使用javascript来写D程序的意思。而javascript的计算能力因为google的V引擎得到了迅猛的增强，做D程序，做服务器都没有问题。WebGL门槛相对较高，需要相对较多的数学知识（线性代数、解析几何。因此，想要短时间上手WebGL还是挺有难度的。Three.js对WebGL提供的接口进行了非常好的封装，简化了很多细节，大大降低了学习成本。并且，几乎没有损失WebGL的灵活性。因此，从Three.js入手是值得推荐的，这可以让你在较短的学习后就能面对大部分需求场景。

　　⑹Three.js的入门是相对简单的，但是当我们真的去学的时候，会发现一个很尴尬的问题：相关的学习资料很少。通常这种流行的库都有很完善的文档，很多时候跟着官方的文档或官方的入门教程学习就是最好的路线。但Three不是的，它的文档对初学者来说太过简明扼要。不过官方提供了非常丰富的examples，几乎所有你需要的用法都在某个example中有所体现。但这些example不太适合用来入门，倒是适合入门之后的进一步学习。这里推荐一些相对较好的教程：

　　⑺当然，实际的学习过程中这些资料肯定是不太够的，遇到问题还是要自己去查资料。不过这里要提醒一下，Three.js的更新是相当频繁的，现在是r版本，自年月发布r以来，这已经是第个版本了(中间有的版本号跳过了)。因此，在网上找到的资料有些可能是不适合当前版本的，需要注意甄别(前面推荐的资料也都或多或少存在这样的问题)。

　　⑻要在屏幕上展示D图形，思路大体上都是这样的：、构建一个三维空间Three中称之为场景(Scene)、选择一个观察点，并确定观察方向/角度等Three中称之为相机(Camera)、在场景中添加供观察的物体Three中的物体有很多种，包括Mesh,Line,Points等，它们都继承自ObjectD类、将观察到的场景渲染到屏幕上的指定区域Three中使用Renderer完成这一工作

　　⑼场景是所有物体的容器，也对应着我们创建的三维世界。

　　⑽Camera是三维世界中的观察者，为了观察这个世界，首先我们要描述空间中的位置。Three中使用采用常见的右手坐标系定位。

　　⑾Three中的相机有两种，分别是正投影相机THREE.Orthographiamera和透视投影相机THREE.PerspectiveCamera。

　　⑿这里补充一个视景体的概念：视景体是一个几何体，只有视景体内的物体才会被我们看到，视景体之外的物体将被裁剪掉。这是为了去除不必要的运算。

　　⒀正交投影相机的视景体是一个长方体，Orthographiamera的构造函数是这样的：

　　⒁Camera本身可以看作是一个点，left则表示左平面在左右方向上与Camera的距离。另外几个参数同理。于是六个参数分别定义了视景体六个面的位置。

　　⒂可以近似地认为，视景体里的物体平行投影到近平面上，然后近平面上的图像被渲染到屏幕上。透视投影相机

　　⒃fov对应着图中的视角，是上下两面的夹角。aspect是近平面的宽高比。在加上近平面距离near，远平面距离far，就可以唯一确定这个视景体了。透视投影相机很符合我们通常的看东西的感觉，因此大多数情况下我们都是用透视投影相机展示D效果。

　　⒄有了相机，总要看点什么吧？在场景中添加一些物体吧。Three中供显示的物体有很多，它们都继承自ObjectD类，这里我们主要看一下Mesh和Points两种。Mesh我们都知道，计算机的世界里，一条弧线是由有限个点构成的有限条线段连接得到的。线段很多时，看起来就是一条平滑的弧线了。计算机中的三维模型也是类似的，普遍的做法是用三角形组成的网格来描述，我们把这种模型称之为Mesh模型。

　　⒅geometry是它的形状，material是它的材质。不止是Mesh，创建很多物体都要用到这两个属性。下面我们来看看这两个重要的属性。GeometryGeometry，形状，相当直观。Geometry通过存储模型用到的点集和点间关系(哪些点构成一个三角形)来达到描述物体形状的目的。Three提供了立方体(其实是长方体)、平面(其实是长方形)、球体、圆形、圆柱、圆台等许多基本形状；你也可以通过自己定义每个点的位置来构造形状；对于比较复杂的形状，我们还可以通过外部的模型文件导入。MaterialMaterial，材质，这就没有形状那么直观了。材质其实是物体表面除了形状以为所有可视属性的集合，例如色彩、纹理、光滑度、透明度、反射率、折射率、发光度。这里讲一下材质(Material)、贴图(Map)和纹理(Texture)的关系。材质上面已经提到了，它包括了贴图以及其它。贴图其实是‘贴’和‘图’，它包括了图片和图片应当贴到什么位置。纹理嘛，其实就是‘图’了。Three提供了多种材质可供选择，能够自由地选择漫反射/镜面反射等材质。Points讲完了Mesh，我们来看看另一种Object——Points。Points其实就是一堆点的集合，它在之前很长时间都被称为ParticleSystem(粒子系统)，r版本时更名为PointCloud,r版本时才更名为Points。更名主要是因为，Mr.doob认为，粒子系统应当是包括粒子和相关的物理特性的处理的一套完整体系，而Three中的Points简单得多。因此最终这个类被命名为Points。Light神说：要有光！光影效果是让画面丰富的重要因素。Three提供了包括环境光AmbientLight、点光源PointLight、聚光灯SpotLight、方向光DirectionalLight、半球光HemisphereLight等多种光源。只要在场景中添加需要的光源就好了。Renderer在场景中建立了各种物体，也有了光，还有观察物体的相机，是时候把看到的东西渲染到屏幕上了。这就是Render做的事情了。Renderer绑定一个canvas对象，并可以设置大小，默认背景颜色等属性。调用Renderer的render函数，传入scene和camera，就可以把图像渲染到canvas中了。

　　⒆现在，一个静态的画面已经可以得到了，怎么才能让它动起来？很简单的想法，改变场景中object的位置啊角度啊各种属性，然后重新调用render函数渲染就好了。那么重新渲染的时机怎么确定？HTML为我们提供了requestAnimFrame，它会自动在每次页面重绘前调用传入的函数。如果我们一开始这样渲染：

　　⒇object就可以动起来了！

　　⒈下面我们用一个简单的例子来梳理一下这个过程。首先写一个有Canvas元素的页面吧。

　　⒉下面来做Javascript的部分首先初始化Renderer

　　⒊要唯一确定一个相机的位置与方向，position、up、lookAt三个属性是缺一不可的。这里我们创建了一个正交投影相机，这里我将视景体大小与屏幕分辨率保持一致只是为了方便，这样坐标系中的一个单位长度就对应屏幕的一个像素了。我们将相机放在Z轴上，面向坐标原点，相机的上方向为Y轴方向，注意up的方向和lookAt的方向必然是垂直的（类比自己的头就知道了。下面添加一个立方体到场景中：

　　⒋注意我们使用了法向材质MeshNormalMaterial，这样立方体每个面的颜色与这个面对着的方向是相关的，更便于观察/调试。在这个简单的demo里我不打算添加光影效果，而法向材质对光也是没有反应的。最后来创建一个动画循环吧

　　⒌每次重绘都让这个立方体转动一点点。当页面加载好时，调用前面这些函数就好了。

　　⒍WebGL中文网强烈推荐!!WebGL中文教程网

　　⒎数据可视化是什么意思

　　⒏基本图表及分类-详细说明

　　⒐比较类显示值与值之间的不同和相似之处。使用图形的长度、宽度、位置、面积、角度和颜色来比较数值的大小，?通常用于展示不同分类间的数值对比，不同时间点的数据对比。

　　⒑柱状图有别于直方图，柱状图无法显示数据在一个区间内的连续变化趋势。柱状图描述的是分类数据，回答的是每一个分类中“有多少?”这个问题。需要注意的是，当柱状图显示的分类很多时会导致分类名层叠等显示问题。

　　⒒分布类显示频率，数据分散在一个区间或分组。使用图形的位置、大小、颜色的渐变程度来表现数据的分布，通常用于展示连续数据上数值的分布情况。

　　⒓散点图也叫X-Y图，它将所有的数据以点的形式展现在直角坐标系上，以显示变量之间的相互影响程度，点的位置由变量的数值决定。

　　⒔通过观察散点图上数据点的分布情况，我们可以推断出变量间的相关性。如果变量之间不存在相互关系，那么在散点图上就会表现为随机分布的离散的点，如果存在某种相关性，那么大部分的数据点就会相对密集并以某种趋势呈现。

　　⒕数据的相关关系主要分为：正相关(两个变量值同时增长)、负相关(一个变量值增加另一个变量值下降)、不相关、线性相关、指数相关等，表现在散点图上的大致分布如下图所示。那些离点集群较远的点我们称为离群点或者异常点。

　　⒖流程类显示流程流转和流程流量。一般流程都会呈现出多个环节，每个环节之间会有相应的流量关系，这类图形可以很好的表示这些关系。

　　⒗漏斗图适用于业务流程比较规范、周期长、环节多的单流程单向分析，通过漏斗各环节业务数据的比较能够直观地发现和说明问题所在的环节，进而做出决策。

　　⒘漏斗图用梯形面积表示某个环节业务量与上一个环节之间的差异。漏斗图从上到下，有逻辑上的顺序关系，表现了随着业务流程的推进业务目标完成的情况。

　　⒙漏斗图总是开始于一个%的数量，结束于一个较小的数量。在开始和结束之间由N个流程环节组成。每个环节用一个梯形来表示，梯形的上底宽度表示当前环节的输入情况，梯形的下底宽度表示当前环节的输出情况，上底与下底之间的差值形象的表现了在当前环节业务量的减小量，当前梯形边的斜率表现了当前环节的减小率。通过给不同的环节标以不同的颜色，可以帮助用户更好的区分各个环节之间的差异。漏斗图的所有环节的流量都应该使用同一个度量。

　　⒚占比类显示同一维度上占比关系。

　　⒛饼图广泛得应用在各个领域，用于表示不同分类的占比情况，通过弧度大小来对比各种分类。饼图通过将一个圆饼按照分类的占比划分成多个区块，整个圆饼代表数据的总量，每个区块(圆弧)表示该分类占总体的比例大小，所有区块(圆弧)的加和等于%。

　　区间类显示同一维度上值的上限和下限之间的差异。使用图形的大小和位置表示数值的上限和下限，通常用于表示数据在某一个分类(时间点)上的最大值和最小值。

　　仪表盘(Gauge)是一种拟物化的图表，刻度表示度量，指针表示维度，指针角度表示数值。仪表盘图表就像汽车的速度表一样，有一个圆形的表盘及相应的刻度，有一个指针指向当前数值。目前很多的管理报表或报告上都是用这种图表，以直观的表现出某个指标的进度或实际情况。

　　仪表盘的好处在于它能跟人们的常识结合，使大家马上能理解看什么、怎么看。拟物化的方式使图标变得更友好更人性化，正确使用可以提升用户体验。

　　关联类显示数据之间相互关系。使用图形的嵌套和位置表示数据之间的关系，通常用于表示数据之间的前后顺序、父子关系以及相关性。

　　矩形树图由马里兰大学教授BenShneiderman于上个世纪年代提出，起初是为了找到一种有效了解磁盘空间使用情况的方法。矩形树图适合展现具有层级关系的数据，能够直观体现同级之间的比较。一个Tree状结构转化为平面空间矩形的状态，就像一张地图，指引我们发现探索数据背后的故事。

　　趋势类分析数据的变化趋势。使用图形的位置表现出数据在连续区域上的分布，通常展示数据在连续区域上的大小变化的规律。

　　折线图用于显示数据在一个连续的时间间隔或者时间跨度上的变化，它的特点是反映事物随时间或有序类别而变化的趋势。

　　时间类显示以时间为特定维度的数据。使用图形的位置表现出数据在时间上的分布，通常用于表现数据在时间维度上的趋势和变化。

　　面积图又叫区域图。它是在折线图的基础之上形成的,它将折线图中折线与自变量坐标轴之间的区域使用颜色或者纹理填充，这样一个填充区域我们叫做面积，颜色的填充可以更好的突出趋势信息，需要注意的是颜色要带有一定的透明度，透明度可以很好的帮助使用者观察不同序列之间的重叠关系，没有透明度的面积会导致不同序列之间相互遮盖减少可以被观察到的信息。

　　地图类显示地理区域上的数据。使用地图作为背景，通过图形的位置来表现数据的地理位置，通常来展示数据在不同地理区域上的分布情况。

　　带气泡的地图，其实就是气泡图和地图的结合，我们以地图为背景，在上面绘制气泡。我们将圆(这里我们叫它气泡)展示在一个指定的地理区域内，气泡的面积代表了这个数据的大小。

　　javascript什么意思

　　JavaScriptn.Java描述语言（一种脚本语言;例句:.Itpletelyembraceswebappsbasedupontechnologieslikehtml,javascript,css,webgl,etal.它能完美支持各种基于HTML、JavaScript、CSS和WebGL等技术的互联网应用程序。.Thatisaneasywaytobypassanyjavascriptvalidations.这是一个避开任何javascript验证的简单方法。

　　webgl、three.js、D.js这三者是什么关系

　　webgl、three.js、D.js这三者的关系是：

　　D.js是一个数据可视化的库，看看他们的DEMO就可以知道，技术基础是SVG。兼容性是IE+。

　　webgl是HTML中提出的新技术，是一种D绘图标准，这种绘图技术标准允许把JavaScript和OpenGLES.结合在一起，关于它的教程可以看看hiwebgl。目前兼容性堪忧

　　three.js是以webgl为基础的库，封装了一些D渲染需求中重要的工具方法与渲染循环。它的教程同样可以在hiwebgl里面找到。

　　three.js之于webgl，类似于windows版本的虚幻引擎之于DD。当然，虚幻引擎的能力范围比three.js大得多。d.js跟上面两者没有关系。

　　Detector.webgl是什么意思

　　是不是要找:Detectorwelldetectorwell网络探测器孔道双语例句Byusingmultiscalewavelettransform,theproposeddetectorworkswellunderlowSNR.利用子波的伸缩和时移特性，通过对信号做多尺度的子波变换，可以在低信噪比下很好地检测到信号。

　　awebglbaseddgraphicsengine.什么意思

　　awebglbaseddgraphicsengine.基于三维图形引擎WebGL。

　　如何开启浏览器的cookies功能

　　如何开启浏览器的cookies功能

　　开启浏览器的cookies功能方法详见：:jingyan.

　　如何开启浏览器Javascript功能？

　　方法一：推荐我们为您提供的登录档修复档案：解开压缩包，双击执行“开启Javascript登录档.reg“档案，然后点选是，在确定。最后，关闭浏览器，重新开启网页，问题即可解决。方法二：.点选工具栏，然后选中Inter选项。.选中安全一栏。.点选自定义级别按钮。.分别在活动指令码、允许通过指令码进行贴上操作以及Java小程式指令码的选项中，选中启用选项。.点选确定按钮。

　　如何开启浏览器的Javascript功能

　　不清楚你这说的是不是开启浏览器的js除错的功能，一般快捷键是F，开启后选择指令码，启动js除错（火狐是叫侦错程式，而谷歌会遮蔽指令码错误

　　如何启用JavaScript.想要访问这个网站上所有有用的资源？那么你需要启用浏览器中的JavaScript功能只要按照下列浏览器的指引操作即可。您的浏览器不在下列列表内？您可以通过Web搜寻快速找到关于其它浏览器的操作说明，或者也可检视浏览器的帮助资讯。一、InterExplorer或.从“工具“选单或右上角的“工具”下拉选单中选择“Inter选项”.点选“程式”选项卡.点选“管理载入项”.选中“指令码插入”.点选“启用”（在IE中位于“设定”栏。.双击“确定”.在浏览视窗点选“重新整理”按钮。二.MozillaFirefox.及更高版本.从顶部选单中选择“工具”.点选“选项”.从顶部导航栏中选择“内容”.点选“启用JavaScript”.点选“确定”.在浏览器视窗点选“重新整理”按钮三.用于MacOSX的Safari.从“Safari”选单中点选“设定”.点选“安全”.勾选“启用JavaScript”.关闭视窗.在浏览器视窗点选“重新整理”按钮【可以参考：:jingyan.

　　如何开启浏览器的Cookie功能

　　开启浏览器的Cookie功能方法详见：:jingyan.

　　如何开启浏览器的WebGL功能？

　　要执行WebGL，必须有一个支援它的浏览器。先来看看在桌面平台上有哪些装置和平台已经支援WebGL了GoogleChrome及以上版本MozillaFirefox以及上版本Safari.及以上版本（仅限于MacOSX作业系统，不包括Windows作业系统；所有情况下必须强制开启WebGL支援，请参考下文OperaNext即Operaalpha及以上版本IE并不支援WebGL(IE支援WebGL)，但是可以下载并安装IEWebGL这个外挂，或GoogleChromeFramework来执行一些WebGL应用那么这些浏览器该如何启用WebGL呢，请看下面解决方法：Chrome浏览器需要为Chrome加入一些启动引数，以下具体操作步骤(以Windows作业系统为例)、找到Chrome浏览器的快捷方式，如果没有就建立一个快捷方式（右键点选chrome.exe，选择“建立快捷方式”或者“传送到”→“桌面快捷方式”，右键点选快捷方式，选择属性。、在目标框内，双引号的后边，空格，然后加入以下内容--enable-webgl--ignore-gpu-blacklist--allow-file-aess点选确定、设定完成的后的快捷方式属性视窗看起来应当是这样的，注意“目标”文字框：、关闭目前开启的所有Chrome视窗，然后用此快捷方式启动Chrome浏览器。其中：--enable-webgl的意思是开启WebGL支援--ignore-gpu-blacklist的意思是忽略GPU黑名单，也就是说有一些显示卡GPU因为过于陈旧等原因，不建议执行WebGL，这个引数可以让浏览器忽略这个黑名单，强制执行WebGL--allow-file-aess-from-files的意思是允许从本地载入资源Firefox浏览器、Firefox的使用者请在浏览器的位址列输入“about:config”，回车、在过滤器（filter中搜索“webgl”、通过双击的方式将webgl.force-enabled的值设定为true、通过双击的方式将webgl.disabled的值设定为false、在过滤器（filter中搜索“security.fileuri.strict_origin_policy”、通过双击的方式将security.fileuri.strict_origin_policy的值设定为false、关闭目前开启的所有Firefox视窗，然后重新启动Firefox。其中前两个设定是强制开启WebGL支援，最后一个security.fileuri.strict_origin_policy的设定是允许从本地载入资源如果强制开启了WebGL，还是不能执行，更多资讯可参考MozillaBlocklisting/BlockedGraphicsDrivers我在WindowXP上测试Firefox的WebGL时，在强制开启了WebGL后，仍然得到Error:WebGL:ErrorduringANGLEOpenGLESinitialization悲催的发现Firefox对厂家的不支援和硬体不支援(分别在虚拟机器上和显示卡为IntelG/Gchipset)OnWindowsAllvendorsotherthanAMD/ATI,NVIDIA,Intelareblocked(bug).Thiswasrequiredprimarilybyvariouscrashesonvirtualmachineswithunusualvendornames(bug).We’reopentowhitelistingmorevendorsifneeded.……Ifforce-enablingafeaturedoesn’twork,thatprobablymeansthatyourhardwaredoesn’tsupportit.Forexample,layersaelerationcurrentlyrequiressupportforKxKtextures,whichrulesoutsomegraphicscards,liketheIntelG/G.Safari浏览器、进入“偏好设定(Preferences)”选单并点选高阶(Advanced)、选中复选框“在选单栏中显示‘开发’选单(ShowDevelopmenuinthemenubar)”、从“开发(Develop)”选单中启用webGL，勾选“启用WebGL”、允许从本地载入资源，勾选“停用本地档案限制”这里要强调：如果电脑的显示卡非常老旧，或者是板载的整合显示卡，那么需要在浏览器中强制开启WebGL支援；另外因为其他的一些原因（比如作业系统是WindowsXP，在正常安装以上浏览器之后还是不能执行WebGL，最好也强制开启WebGL支援

　　支援WebGL的浏览器预设就可以启用不需要单独设定的。例如chrome、火狐、IE新版。国内的双核浏览器，可以进入对应页面后，在位址列右边切换到闪电高速模式。例如搜狗浏览器、浏览器。这些浏览器高速模式是基于chrome核心的。

　　如何开启浏览器的cookie功能?

　　举个例子哦。像你用百度账号登陆了，各个百度网页在不同视窗开启时自动地同一账号登陆，你下次开启百度网页时它可使账号自动登入，这些都是cookie功能实现的。cookie这个计算机术语肯定是有来源的，可能能说出一段离奇故事，对绝大多数人来说这不重要，重要的是他在计算机工作过程中扮演的角色，这才是最本质的。浏览器设定（or选项的“框架与增强”目录下就有，其他浏览器可参考。推荐使用浏览器，感觉它做得越来越好了，很人性化，不像IE——感觉有点脱离广大劳动人民群众。

　　ie浏览器如何开启cookies

　　为什么我的浏览器都不支持WEBGL

　　这是系统问题，xp系统不支持WEBGL功能，建议更新新系统，更新后打开WEBGL功能的具体操作步骤如下：

　　．首先，任意打开浏览器。

　　．然后，在打开的浏览器左上角的三个水平线上单击选项按钮。

　　．接着，在弹出窗口的搜索框中搜索硬件。

　　．然后，在弹出窗口中，勾选智能开启硬件加速。

　　．最后，浏览器重新启动，可以基于WEBGL访问该网页。

　　要运行WebGL，必须有一个支持它的浏览器。先来看看在桌面平台上有哪些设备和平台已经支持WebGL了GoogleChrome及以上版本MozillaFirefox以及上版本Safari.及以上版本（仅限于MacOSX操作系统，不包括Windows操作系统；所有情况下必须强制开启WebGL支持，请参考下文OperaNext即Operaalpha及以上版本IE并不支持WebGL(IE支持WebGL)，但是可以下载并安装IEWebGL这个插件，或GoogleChromeFramework来运行一些WebGL应用那么这些浏览器该如何启用WebGL呢，请看下面解决方法：Chrome浏览器需要为Chrome加入一些启动参数，以下具体操作步骤(以Windows操作系统为例)、找到Chrome浏览器的快捷方式，如果没有就创建一个快捷方式（右键点击chrome.exe，选择“创建快捷方式”或者“发送到”→“桌面快捷方式”，右键点击快捷方式，选择属性。、在目标框内，双引号的后边，空格，然后加入以下内容--enable-webgl--ignore-gpu-blacklist--allow-file-aess点击确定、设置完成的后的快捷方式属性窗口看起来应当是这样的，注意“目标”文本框：、关闭目前开启的所有Chrome窗口，然后用此快捷方式启动Chrome浏览器。其中：--enable-webgl的意思是开启WebGL支持--ignore-gpu-blacklist的意思是忽略GPU黑名单，也就是说有一些显卡GPU因为过于陈旧等原因，不建议运行WebGL，这个参数可以让浏览器忽略这个黑名单，强制运行WebGL--allow-file-aess-from-files的意思是允许从本地载入资源Firefox浏览器、Firefox的用户请在浏览器的地址栏输入“about:config”，回车、在过滤器（filter中搜索“webgl”、通过双击的方式将webgl.force-enabled的值设置为true、通过双击的方式将webgl.disabled的值设置为false、在过滤器（filter中搜索“security.fileuri.strict_origin_policy”、通过双击的方式将security.fileuri.strict_origin_policy的值设置为false、关闭目前开启的所有Firefox窗口，然后重新启动Firefox。其中前两个设置是强制开启WebGL支持，最后一个security.fileuri.strict_origin_policy的设置是允许从本地载入资源如果强制开启了WebGL，还是不能运行，更多信息可参考MozillaBlocklisting/BlockedGraphicsDrivers我在WindowXP上测试Firefox的WebGL时，在强制开启了WebGL后，仍然得到Error:WebGL:ErrorduringANGLEOpenGLESinitialization悲催的发现Firefox对厂家的不支持和硬件不支持(分别在虚拟机上和显卡为IntelG/Gchipset)OnWindowsAllvendorsotherthanAMD/ATI,NVIDIA,Intelareblocked(bug).Thiswasrequiredprimarilybyvariouscrashesonvirtualmachineswithunusualvendornames(bug).We’reopentowhitelistingmorevendorsifneeded.……Ifforce-enablingafeaturedoesn’twork,thatprobablymeansthatyourhardwaredoesn’tsupportit.Forexample,layersaelerationcurrentlyrequiressupportforKxKtextures,whichrulesoutsomegraphicscards,liketheIntelG/G.Safari浏览器、进入“偏好设置(Preferences)”菜单并点击高级(Advanced)、选中复选框“在菜单栏中显示‘开发’菜单(ShowDevelopmenuinthemenubar)”、从“开发(Develop)”菜单中启用webGL，勾选“启用WebGL”、允许从本地载入资源，勾选“停用本地文件限制”这里要强调：如果电脑的显卡非常老旧，或者是板载的集成显卡，那么需要在浏览器中强制开启WebGL支持；另外因为其他的一些原因（比如操作系统是WindowsXP，在正常安装以上浏览器之后还是不能运行WebGL，最好也强制开启WebGL支持