在CreateJS中顯示未捕獲的類型錯誤。沒有顯示任何輸出..我的代碼如下

它顯示createjs文件中的一些錯誤。在CreateJS中顯示未捕獲的類型錯誤。沒有顯示任何輸出..我的代碼如下

<html> 
<head> 
<title></title> 
<script src="https://code.createjs.com/createjs-2014.12.12.min.js"> 
</script>  <script> 
var preload,cW,cH,winW,winH; 
var road,city1,city2,sky,build1,build2; 
window.onload = function(){ 
    var canvas = document.getElementById("demoCanvas"); 
    var stage = new createjs.Stage(canvas); 
cW=1200; 
cH=600; 
    preload = new createjs.LoadQueue(true); 

    var manifest =[{id:"ad_road",src:"road.png"}, 
     {id:"ad_build1",src:"build.png"}, 
     {id:"ad_build2",src:"build.png"}, 
     {id:"ad_farbuild1",src:"layer3.png"}, 
     {id:"ad_land",src:"land1.png"}, 
     {id:"ad_farbuild2",src:"layer1.jpg"}, 
     {id:"ad_sky",src:"sky.png"} 
    ]; 
    preload.loadManifest(manifest); 
    preload.on("complete",handleComplete); 


function handleComplete(){ 
    sky = new createjs.Shape(); 
    sky.graphics.beginBitmapFill(preload.getResult("ad_sky"),"repeat-x").drawRect(0, 0, 1200,600); 

    var roadImg = preload.getResult("road"); 
    road = new createjs.Shape(); 
    road.graphics.beginBitmapFill(roadImg).drawRect(0, 0, cW + roadImg.width, roadImg.height*1); 
    road.tileW = roadImg.width; 
    road.y = cH - roadImg.height; 

    /*var matrix = new createjs.Matrix2D(1,2,3,4,5,6);*/ 

    build1 = new createjs.Bitmap(preload.getResult("ad_build1")); 
    build1.setTransform(Math.random()*cW ,cH - build1.image.height * 0.7 - roadImg.height, 0.7,0.7); 
    build1.alpha = 1; 

    build2 = new createjs.Bitmap(preload.getResult("ad_build2")); 
    //console.log(cH - build2.image.height * 1 - roadImg.height); 
    build2.setTransform(Math.random()*cW ,cH - build2.image.height * 0.7 - roadImg.height, 0.7,0.7); 
    build2.alpha = 1; 

    stage.addChild(sky,build1,build2,road); 
    createjs.Ticker.timingMode = createjs.Ticker.RAF; 
    document.onkeydown = tick; 
} 
    //createjs.Ticker.addEventListener("tick", tick); 


function tick(event){ 
    if(event.keyCode === 37){ 
     var deltaS = event.delta/1000 || 40/1000; 
     road.x = (road.x - deltaS * 200) % road.tileW; 

     build1.x = (build1.x - deltaS * 60); 
     if (build1.x + build1.image.width * build1.scaleX <= 0) { 
      build1.x = cW; 
     } 
     build2.x = (build2.x - deltaS * 75); 
     if (build2.x + build2.image.width * build2.scaleX <= 0) { 
      build2.x = cW; 
     } 
     stage.update(event); 
    } 
    } 
    } 
</script> 
</head> 
<body> 
<p><canvas height="600" id="demoCanvas" width="1300"> </canvas></p> 
</body> 
</html>

它顯示了以下錯誤控制檯日誌：遺漏的類型錯誤：未能執行的「CanvasRenderingContext2D」 createPattern'：無功能發現提供相匹配的簽名。

來源

2015-02-05 aakash an

有沒有可能您的某個圖片未加載？我使用單個加載的圖像將代碼轉儲到小提琴中，並且工作正常。「build2」不顯示，可能是由於轉換。 http://jsfiddle.net/lannymcnie/fe6xkf81/ – Lanny

是的，它看起來像是當你傳遞給bitmapFill的圖像爲空時發生錯誤。 – Lanny

正如Lanny在評論中指出的，當您向beginBitmapFill傳遞無效映像（空，未完全加載，損壞，404等）時會發生此錯誤。

確認您的圖像加載正確。

我只是推遲了EaselJS NEXT的更新，繞過了這個RTE，並且忽略了無效的位圖填充。

來源

2015-02-07 18:38:41 gskinner

在CreateJS中顯示未捕獲的類型錯誤。沒有顯示任何輸出..我的代碼如下

回答

相關問題