Kinetic.Rect의 고유 한 방법

Question

Kineticjs을 사용하여 래스터를 그립니다. 이것은 Kinetic.Rect를 사용하여 작동합니다. 이제 Kinetic.Rect 이외의 다른 개체를 사용하고 싶습니다. 이 객체에서 나는 래스터에서 위치의 x와 y를 저장할 수 있어야합니다. 나는 다음과 같은 코드를 가지고 :

var tile = new Kinetic.Rect({ 
           width: drawWidth, 
           height: drawHeight, 
           stroke: 'black', 
           fill: 'grey', 
           x: x, 
           y: j * drawHeight 
          }); 

에 : 어떻게 든

var tile = new Tile(j, i, false, { 
          width: drawWidth, 
          height: drawHeight, 
          stroke: 'black', 
          fill: 'grey', 
          x: x, 
          y: j * drawHeight 
         }); 

는 config

function Tile(rasterX, rasterY, occupied, config) { 
    Kinetic.Rect.call(this, config); 
    this.rasterX = rasterX; 
    this.rasterY = rasterY; 
    this.occupied = occupied; 
} 

Tile.prototype = new Kinetic.Rect(); 

Tile.prototype.constructor = Tile; 

는 지금은 (이 작품)에서 작성 Kinetic.Rect의 코드를 변경 생성 된 모든 타일의 x와 y가 동일하기 때문에 Kinetic.Rect 생성자에 올바르게 전달되지 않습니다 (캔바스의 오른쪽 하단 모서리). 그러나 색상이 있습니다.

Answer 1

험, Kinetic.Rect 생성자 논리가 이러한 이상한 행동으로 이어질 수있는 객체의 일부를 변경시킬 수 있습니까?

대신에 Tile.prototype = Object.create(Kinetic.Rect.prototype);을 사용해보십시오.

의 차이는 Tile.prototype = new Kinetic.Rect();을하고있는 new 운영자는 프로토 타입 체인을 설정뿐만 아니라 생성자 논리 느릅 나무가 undesireble 부작용이있을 수 있습니다 실행되는 동안 Object.create 지정된 프로토 타입에 새로운 객체를 반환 할 것입니다. 여기

Answer 2

내가 그것은`Kinetic.Rect` 생성자 로직이 이상한 행동으로 이어질 것입니다 개체의 일부를 돌연변이 일 수 있었다, 운동은

MyCircle = function(config) { 
     Kinetic.Circle.call(this, $.extend({ 
      x: 0, 
      y: 0 
     }, config)); 
}; 
MyCircle.prototype = { 
     myFunc: function() { 
     } 
} 
Kinetic.Global.extend(MyCircle, Kinetic.Circle);