canvasrenderingcontext2d.resettransform()
基础库 或更高版本; 若版本较低,建议采取 兼容处理。
主体: 企业支付宝小程序 、 个人支付宝小程序
重置画布的变换矩阵为单位矩阵。
效果示例
代码示例执行效果
代码示例
.js
.axml
page({
oncanvasready() {
my.createselectorquery().select('#canvas').node().exec(res => {
const canvas = res[0].node
let ctx = canvas.getcontext('2d')
// 添加旋转变化,然后画一个矩形
ctx.rotate((45 * math.pi) / 180)
ctx.fillrect(60, 0, 100, 30)
// 重置变换,然后在同样的坐标,画一个同样大小的矩形
ctx.resettransform()
ctx.fillrect(60, 0, 100, 30)
})
},
})
<canvas id="canvas" type="2d" onready="oncanvasready">canvas>