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

要将画布原点移动到中间，可以使用translate()方法，将坐标轴的原点移动到画布中心点。

具体的代码如下：

// 将画布原点移动到中间
context.translate(canvas.width/2, canvas.height/2);

缩放时，可以使用scale()方法，以子元素的中心点为基准进行缩放。

实现代码如下：

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

// 将坐标原点移动到子元素中心点
context.translate(centerX, centerY);

// 缩放画布
context.scale(scaleFactor, scaleFactor);

// 将画布原点移回到左上角
context.translate(-centerX, -centerY);

其中，scaleFactor表示缩放的比例，可以根据具体需求进行调整