js 将画布原点位置改到子元素的中心位置

要将画布原点位置改到子元素的中心位置，您可以使用以下步骤：

1. 获取子元素的宽度和高度。

2. 将画布的原点位置设置为子元素的中心位置。

3. 绘制您想要的形状或图像。

以下是一个示例代码，可以将画布原点位置设置为子元素的中心位置：

var canvas = document.getElementById("myCanvas");
var context = canvas.getContext("2d");

var child = document.getElementById("childElement");

var childWidth = child.offsetWidth;
var childHeight = child.offsetHeight;

context.translate(childWidth/2, childHeight/2);

// 绘制您想要的形状或图像

在这个示例中，我们首先获取子元素的宽度和高度。然后，我们将画布的原点位置设置为子元素的中心位置，使用 context.translate() 方法。最后，您可以绘制您想要的形状或图像