мольберт 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, который обеспечивает те же функции. Это требует немного больше настроек, но имеет массу других возможностей, такие как код минификация, Sass компиляция, браузер автоперезагрузка и т.д.

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