canvascontext.settransform(number scalex, number skewy, number skewx, number scaley, number translatex, number translatey)
主体: 企业支付宝小程序 、 个人支付宝小程序
相关文档: 旧版 canvas 迁移指南 、
canvascontext.settransform 使用矩阵重新设置(覆盖)当前变换。
变换矩阵的描述:
效果示例
代码示例运行效果
number scalex
水平缩放。
number skewy
垂直倾斜。
number skewx
水平倾斜。
number scaley
垂直缩放。
number translatex
水平移动。
number translatey
垂直移动。
代码示例
.js
.axml
const ctx = my.createcanvascontext('canvas')
// 直接设置变换
ctx.settransform(1, 0.2, 0.8, 1, 0, 0);
ctx.fillrect(0, 0, 100, 100);
ctx.draw()
<canvas id="canvas">canvas>
- tip
此方法会直接设置变换。要在先前变换基础之上叠加变换,可使用 。