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,它基本上就像小提琴中所示: