canvasrenderingcontext2d.translate(number x, number y)
基础库 或更高版本; 若版本较低,建议采取 兼容处理。
主体: 企业支付宝小程序 、 个人支付宝小程序
平移当前坐标系。默认的坐标系原点位于画布左上角。
number x
水平平移量。
number y
垂直平移量。
代码示例
.js
.axml
page({
oncanvasready() {
my.createselectorquery().select('#canvas').node().exec((res) => {
const canvas = res[0].node
const ctx = canvas.getcontext('2d')
ctx.strokerect(20, 10, 100, 80)
ctx.translate(30, 30)
ctx.strokerect(20, 10, 100, 80)
// 在当前平移基础上再次叠加平移
ctx.translate(30, 30)
ctx.strokerect(20, 10, 100, 80)
})
},
})
<canvas id="canvas" type="2d" onready="oncanvasready">canvas>
代码示例执行效果