全部产品

CanvasContext.setTransform

使用单位矩阵重新设置(覆盖)当前的变换并调用变换的方法,此变换由方法的变量进行描述。

入参

Object 类型,属性如下:

属性类型说明
scaleXNumber水平缩放。
skewXNumber水平倾斜。
skewYNumber垂直倾斜。
scaleYNumber垂直缩放。
translateXNumber水平移动。
translateYNumber垂直移动。

示例代码

//.jsconst=.createCanvasContext('awesomeCanvas')

//.js
const ctx = my.createCanvasContext('awesomeCanvas')

ctx.rotate(45 * Math.PI / 180)
ctx.setFillStyle('red')
ctx.fillRect(70,0,100,30)

ctx.setTransform(1, 1, 0, 1, 0, 0)
ctx.setFillStyle('#000')
ctx.fillRect(0, 0, 100, 100)

ctx.draw()

显示效果如下图所示:

image