Html5 canvas Konvajs组内部组和旋转

Html5 canvas Konvajs组内部组和旋转,html5-canvas,konvajs,Html5 Canvas,Konvajs,我有一个例子,其中我有一个父组,在其中,1个矩形用于显示父组和子组的边界,带有圆圈和文本用于标签 我需要的是,当我旋转父组时,我只需要旋转Rect,子组不应该旋转 我尝试的是在rotate函数中,我过滤了如下所示的子组,并给出了相反的结果 this.rotation = function(degrees) { group.rotation(degrees); var childGroup = group.getChildren(fu

我有一个例子,其中我有一个父
,在其中,1个
矩形
用于显示父组和子
组的边界
,带有
圆圈
文本
用于标签

我需要的是,当我旋转父
时,我只需要旋转
Rect
,子
不应该旋转

我尝试的是在rotate函数中,我过滤了如下所示的子组,并给出了相反的结果

       this.rotation = function(degrees) {
            group.rotation(degrees);
            var childGroup =  group.getChildren(function(node){
               return node.getClassName() === 'Group';
            })
            childGroup.each(function(item){
               item.rotation(-degrees);
            });                
            App.layer.draw();
        };

我可能有多达100个子组,执行此操作时是否存在性能问题,或者是否有其他替代方案?

只旋转一个rect而不旋转父组不是更好吗?@lavrton我无法单独旋转rect,它基本上就像小提琴中所示: