canvasrenderingcontext2d.settransform(number scalex, number skewy, number skewx, number scaley, number translatex, number translatey)
基础库 或更高版本; 若版本较低,建议采取 兼容处理 。
支小宝客户端 支持
安诊儿客户端 支持
主体: 企业支付宝小程序 、 个人支付宝小程序
使用矩阵重新设置(覆盖)当前变换。
变换矩阵的描述:
效果示例
修改属性后的效果
默认标题0
number scalex
水平缩放。
number skewy
垂直倾斜。
number skewx
水平倾斜。
number scaley
垂直缩放。
number translatex
水平移动。
number translatey
垂直移动。
代码示例
.js
.axml
page({
oncanvasready() {
my.createselectorquery().select('#canvas').node().exec((res) => {
const canvas = res[0].node
const ctx = canvas.getcontext('2d')
ctx.settransform(1, 0.2, 0.8, 1, 0, 0)
ctx.fillrect(0, 0, 100, 100)
})
}
})
<canvas id="canvas" type="2d" onready="oncanvasready">canvas>