Uncaught DOMException: Failed to execute 'texImage2D' on 'WebGLRenderingContext': The image element

Uncaught DOMException: Failed to execute 'texImage2D' on 'WebGLRenderingContext': The image element 解决方案

解决方法1：
将图片转换为Base64编码，直接有效。可通过以下地址进行在线转换。

http://www.jq22.com/demo/baseToImage201807250139/

可直接将您代码调用图片的地方修改如：

var texture = THREE.ImageUtils.loadTexture('cloud10.png');

修改后

var texture = THREE.ImageUtils.loadTexture('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQAAAAEACAMAAABrrFhUAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7O+Lm6Pj5+f////////39/f39/dzh4////9HY2v39/dXb3v7//9fd3/n5+tjd4P///9fd3/X29////9fc3+vt7s7V2NXb3vP09f////n5+vP09ejs7ebp69Xb3ens7uLm6Nbc3tjd4OLm6Nfc39bc3t+95aqGH30n7VWuFX644aVYPtv9z85iUYJRSzza9huaHb/o5fCPKOGlUznqkUa1hPTT15nrrAfh5CLpoe/h8lYELNYZqBdQAAAABJRU5ErkJggg==');

解决方法2：

直接对浏览器进行调整，下面以chrome浏览器为例

 --disable-web-security，我们在目标中添加上这一句就可以了记得中间有一个空格，然后关上浏览器，重新手动打开输入地址，（我的是本地文件html直接拖放进入，不要使用dw快捷F12打开，第一次无效，我也不知道为什么）问题解决 （具体可参照图片附1），同时附上问题的原因： 

1. 首先没有服务器环境（如：本地的 html网页，操作本地的图片），

    就会报"Unable to get image data from canvas because the canvas has been tainted by cross-origin data"错误。

    因为本地测试用的图片是文件夹内的，js跨域限制是不能获取非同一域名下的数据的，

    而本地的位置是没有域名的，所以浏览器都认为你是跨域，导致报错。

2. 为了阻止欺骗，浏览器会追踪 image data。

   当把一个和canvas的域不同的图片放到canvas上，这个canvas就成为 “tainted”(被污染的)，浏览器就不让你操作该canvas 的任何像素。