JS: 将画布原点移动到中心点并缩放内容

可以使用以下代码将画布原点改到中间位置，并以当前元素中心点缩放：

// 获取画布元素
var canvas = document.getElementById('myCanvas');
// 获取画布上下文
var ctx = canvas.getContext('2d');

// 将画布原点移动到中心位置
ctx.translate(canvas.width/2, canvas.height/2);

// 缩放画布以当前元素中心点为中心缩放
var scale = 2; // 缩放倍数
ctx.translate(-elementX, -elementY); // 将当前元素移动到原点
ctx.scale(scale, scale); // 缩放
ctx.translate(elementX, elementY); // 将当前元素移回原位置

其中，elementX和elementY表示当前元素的中心点坐标。可以根据实际情况进行调整。