js 将画布原点移动到中间 缩放的时候以画布里面的子元素中心点缩放

要将画布原点移动到中间，可以使用以下代码：

ctx.translate(canvas.width / 2, canvas.height / 2);

这将把画布的原点移动到画布的中心点。

要以画布里面的子元素中心点缩放，可以先将画布原点移动到子元素的中心点，然后进行缩放操作，最后再将画布原点移回到画布中心点。下面是示例代码：

// 获取子元素的中心点坐标
var centerX = childElement.offsetLeft + childElement.offsetWidth / 2;
var centerY = childElement.offsetTop + childElement.offsetHeight / 2;

// 将画布原点移动到子元素中心点
ctx.translate(centerX, centerY);

// 进行缩放操作
ctx.scale(scaleFactor, scaleFactor);

// 将画布原点移回到画布中心点
ctx.translate(-centerX, -centerY);

这将以子元素中心点为基准进行缩放操作