kinetic-v3.8.2.js가 kinetic-v3.6.0.js와 kinetic-image-plugin-v1.0.1.js를 깨 트니 까?

동적 인 캔버스를 만들어서 다른 소스의 그림을 동적으로 추가 할 수 있고 백그라운드에서 그리드를 원했기 때문에 kinetic v3.8.2의 kinetic.rect를 사용했습니다. 키네틱 v.3.6.0에서 이미지를 드래그 할 수 있어야합니다.하지만 v3.8.2를 활성화 할 때 draggable을 설정하면 이미지가 손상됩니다. FireBug에 따르면 "config is undefined"입니다. "img.kinetic.draggable은 메소드가 아닙니다."FireBug가 말합니다.kinetic-v3.8.2.js가 kinetic-v3.6.0.js와 kinetic-image-plugin-v1.0.1.js를 깨 트니 까?

수정 사항이 있습니까?

출처

2012-03-08 Christian Karlsson

작은 예제를 게시 할 수 있습니까? Kinetic API가 변경되었습니다.

<!DOCTYPE html> 
<html> 
    <head>  

    <script type='text/javascript' src='js/kinetic/kinetic-v3.8.2.js'></script>  
    <script type='text/javascript'>   

     window.onload = function() { 

      var stage = new Kinetic.Stage('container', 400, 300); 
      var layer = new Kinetic.Layer({ 
       name: 'someLayer' 
      }); 

      var logo = new Image();   
      logo.onload = function() { 

       var myImage = new Kinetic.Image({ 
        x: stage.width/2 - (logo.width/2) 
        , y: stage.height - logo.height - 5 
        , image: logo 
        , width: logo.width 
        , height: logo.height 
       });   

       myImage.draggable(true) 
       layer.add(myImage); 
       layer.draw(); 
      } 
      logo.src = "\./resources/images/ccs_logo.png";   

      stage.add(layer)   
     } 

    </script> 

    </head> 

    <body onmousedown="return false;" bgcolor=#000000>   
    <div id="container"> 
    </div> 
    </body> 

</html>

가 가장 두드러진 CONFIGS 최근 클래스 인스턴스화 도입 : 여기 3.8.2와 드래그 이미지입니다.

var rect = new Kinetic.Rectangle(function() { 

    //do drawing stuff here 
});

을하지만 지금은 설정 (객체 리터럴)으로 정의된다 : 사용하는 운동 사각형과 같이 정의 할 수 있습니다 당신은 docs의 예를 볼 수 있습니다

var rect = new Kinetic.Rectangle({ 
    x: 0, 
    y: 0, 
    height: 20, 
    width: 20 
});

; 또한 업데이트 된 KineticJS Tutorials을 확인하십시오.

출처

2012-03-09 13:35:57 jomido

kinetic-v3.8.2.js가 kinetic-v3.6.0.js와 kinetic-image-plugin-v1.0.1.js를 깨 트니 까?

답변

관련 문제