本地主机的机器上画架JS安全限制

Question

我学习EaselJS和我得到这个奇怪的错误：

Unable to get image data from canvas because the canvas has been tainted by cross-origin data. easeljs-0.6.0.min.js:71

Uncaught An error has occurred. This is most likely due to security restrictions on reading canvas pixel data with local or cross-domain images.

的事情是，我的两个图像是从localhost - 我把它们保存在我的根目录。这是我的代码的样子：

function init() { 
    var canvas = document.getElementById("demoCanvas"); 
    var stage = new createjs.Stage(canvas); 
    var im = new createjs.Bitmap("dbz.jpg"); 
     im.regX - im.image.width *.2; 
     im.regY - im.image.height *.2; 
    stage.addChild(im); 
    stage.update(); 

    im.addEventListener("click", function() { 
     var seed = new createjs.Bitmap("seed.jpg"); 
     stage.addchild(seed); 
     stage.update(); 
    }); //end seed eventlistener 

} //end function init() 

Answer 1

EaselJS需要读取像素值以确定鼠标碰撞。我建议使用本地服务器如MAMP（osx）或XAMPP（win）来进行本地测试。

http://www.mamp.info/en/index.html http://www.apachefriends.org/en/xampp.html

有一些好的，以及。在内部，我们使用Grunt进行开发，并且它具有提供相同功能的Connect模块。它需要多一点的设置，但有一吨的代码一样微小，上海社会科学院编制，浏览器自动重装等其他功能

http://gruntjs.com/ https://github.com/gruntjs/grunt-contrib-connect