在微信小程序的 Canvas API 中,translate 方法用于平移当前绘图的原点。以下是一个简单的示例代码,演示如何使用 translate 方法:
// 获取上下文
const context = wx.createCanvasContext('myCanvas');

// 平移当前绘图的原点,向右平移20个像素,向下平移30个像素
context.translate(20, 30);

// 绘制一个矩形
context.rect(50, 50, 50, 50);

// 设置填充颜色
context.setFillStyle('orange');

// 填充矩形
context.fill();

// 绘图上下文的渲染
context.draw();

在上述代码中,translate 方法接受两个参数,分别是横向平移和纵向平移的距离。在示例中,我们将绘图的原点向右平移了20个像素,向下平移了30个像素。接着,我们使用 rect 方法绘制了一个矩形,因为我们进行了平移,所以矩形实际上是在平移后的位置绘制的。

你可以根据需要调整平移的距离,以及在平移后进行其他绘图操作。


转载请注明出处:http://www.zyzy.cn/article/detail/992/微信小程序