KineticJs group.setSize（300,300）不起作用

Question

我正在嘗試更改動力組的大小。但它會給出JavaScript錯誤消息。

動能.js文件書面比的setSize與工作組節點

Answer 1

我認爲文件在這方面有點過時。組沒有drawFunc，所以它們沒有寬度或高度。如果他們獲得寬度和高度，將可以創建剪輯組，這將是很好的。然而，就像現在這樣，組只是用來爲其中包含的對象定義一個相對的x和y起始座標。這使得可以立即移動多個對象（拖動，移動到，事件處理程序等），但這就是它。

JsFiddle as requested

var group = new Kinetic.Group({ 
    x: 220, 
    y: 40, 
    draggable: true 
}); 

只要讓您可拖動組和你的對象添加到組。

Answer 2

下面的代碼將允許您創建一個具有剪輯屬性的組。 將其實例化爲一個組，其中寬度和高度就是您的裁剪框。

Kinetic.Clipper = function(config) { 
    this._initGroup(config); 
}; 
Kinetic.Clipper.prototype = { 
    _initGroup: function(config) { 
     this.nodeType = 'Group'; 
     Kinetic.Container.call(this, config); 
    }, 
    drawScene: function() { 
     if(this.isVisible()) { 

      var context = this.getLayer().getContext(); 
      var width = this.getWidth(), height = this.getHeight(); 
      context.save(); 
      context.beginPath(); 
      context.rect(0, 0, width, height); 
      context.clip(); 

      var children = this.children, len = children.length; 
      for(var n = 0; n < len; n++) { 
       children[n].drawScene(); 
      } 

      context.restore(); 
     } 
    }, 
}; 
Kinetic.Global.extend(Kinetic.Clipper, Kinetic.Container); 

Answer 3

文檔已過時或錯誤。 不可能直接改變組大小