2014-12-09 2 views
0

좋아, 자바 스크립트를 별도의 소스 파일에 넣으려고합니다. 이것은 초보자 질문이지만 layer.add(imageObj)에 '정의되지 않은'오류가 나타납니다. 나는 그것이 window.onLoad이기 때문에 그것을 추측하고있다. 그러나 나는 즉각적인 답을 찾지 못했다. KineticJS - 기본 javascript 범위 문제

<html> 
<head> 
    <link rel="stylesheet" type="text/css" media="screen" href="index.css"> 
    <script type="text/javascript" src="js/kinetic-v5.1.0.min.js"></script> 
    <script type="text/javascript" src="js/game.js" defer="defer"></script> 
</head> 
<body> 
    <div id="board"></div> 
</body> 

자바 스크립트 :

(소스에 image) 당신은 계층 Kinetic.Image 인스턴스에 추가 할 필요가
window.onload = function(){ 

var stage = new Kinetic.Stage({ 
    container: 'board' 
}); 
var layer = new Kinetic.Layer(); 

var imageObj = new Image(); 
imageObj.onload = function() { 
    var image = new Kinetic.Image({ 
    x: 0, 
    y: 0, 
    image: imageObj, 
    width: 100, 
    height: 100 
    }); 
}; 
imageObj.src = 'resources/map.jpg'; 

layer.add(imageObj); 
stage.add(layer); 
}; 

답변