import {createTransform, createBoundingRect} from './utils/parser'; class TransformHandle { constructor(painter) { this.$painter = painter; this.parentLevel = painter.getParentLevel(); this.rect = { x: 0, y: 0, width: 0, height: 0 }; this.transform = createTransform({ scaleRate: 1, offsetX: 0, offsetY: 0 }); } checkVisible(view) { return createBoundingRect(view).intersect(this.rect); } revisibleView(view) { if (this.checkVisible(view)) { view.show(); } else { view.hide(); } view.dirty(); } // 视图进行缩放/平移 transformView(view) { if (view) { view.transform = this.transform; view.decomposeTransform(); this.revisibleView(view); } } // 处理所有视图缩放/平移 transformAll() { this.traverse(this.transformView, this); } // 重新计算显示图形 revisibleAll() { this.traverse(this.revisibleView, this); } // 更新偏移量 updateTransform(opts, canvasSize) { if (canvasSize) { const elRect = this.parentLevel.getBoundingRect(); const zrRect = this.rect; if (canvasSize.x - opts.offsetX > 0) { opts.offsetX = -elRect.x; } if (canvasSize.y - opts.offsetY > 0) { opts.offsetY = -elRect.y; } if (elRect.x + canvasSize.width < zrRect.width) { opts.offsetX -= zrRect.width - (elRect.x + canvasSize.width); } if (elRect.y + canvasSize.height < zrRect.height) { opts.offsetY -= zrRect.height - (elRect.y + canvasSize.height); } } this.transform = createTransform(opts); this.transformAll(); } // 更新画布尺寸 updateZrSize(opts) { this.rect = { x: 0, y: 0, width: opts.width, height: opts.height }; this.revisibleAll(); } // 遍历group执行回调 traverse(cb, context) { this.parentLevel.eachChild(level => { level.eachChild((view) => { cb.call(context, view); }, context); }, context); } } export default TransformHandle;