js 把多个超出图的图形缩放到画布内

可以通过以下步骤将多个超出画布的图形缩放到画布内：

1. 获取所有需要缩放的图形的尺寸和位置信息。

2. 计算出所有图形的包围盒（bounding box），即最小矩形框，包围所有图形。

3. 计算出画布的尺寸和位置信息。

4. 根据画布和包围盒的尺寸比例，计算出缩放比例。

5. 将所有图形按照缩放比例进行缩放，并调整位置，使其完全在画布内。

以下是一个示例代码，假设有两个图形 item1 和 item2：

// 获取所有图形的尺寸和位置信息
var item1Width = item1.width;
var item1Height = item1.height;
var item1X = item1.x;
var item1Y = item1.y;

var item2Width = item2.width;
var item2Height = item2.height;
var item2X = item2.x;
var item2Y = item2.y;

// 计算包围盒
var minX = Math.min(item1X, item2X);
var minY = Math.min(item1Y, item2Y);
var maxX = Math.max(item1X + item1Width, item2X + item2Width);
var maxY = Math.max(item1Y + item1Height, item2Y + item2Height);
var boundingBoxWidth = maxX - minX;
var boundingBoxHeight = maxY - minY;

// 获取画布尺寸和位置信息
var canvasWidth = canvas.width;
var canvasHeight = canvas.height;
var canvasX = canvas.x;
var canvasY = canvas.y;

// 计算缩放比例
var scaleX = canvasWidth / boundingBoxWidth;
var scaleY = canvasHeight / boundingBoxHeight;
var scale = Math.min(scaleX, scaleY);

// 缩放所有图形并调整位置
item1.scaleX = item1.scaleY = scale;
item1.x = (item1X - minX) * scale + canvasX;
item1.y = (item1Y - minY) * scale + canvasY;

item2.scaleX = item2.scaleY = scale;
item2.x = (item2X - minX) * scale + canvasX;
item2.y = (item2Y - minY) * scale + canvasY;
``