svg.js 的set可以操作每个set组合里面的子元素
setGroupAlign (type) {
let box = this.group.set.bbox();
let last = this.draw.last();
// console.log(box)
switch(type){
case 'left':
// 保持左对齐
this.group.set.x(box.x)
break;
case 'right':
// 右对齐会有元素偏移出去,
this.group.set.members.forEach(g =>{
let width = g.bbox().width
// 移动的时候需要减去当前元素的宽度
g.x(box.x2-width)
})
break;
case 'center':
// 统一set里面的中心点,居中对齐
this.group.set.cx(box.cx, box.cy)
break;
case 'middle':
this.group.set.cy(box.cy, box.cy)
break;
case 'top':
this.group.set.y(box.y)
break;
case 'bottom':
//同右对齐一样的原理
this.group.set.members.forEach(g =>{
let width = g.bbox().height
g.y(box.x2-width)
})
break;
}
