W3Cschool
恭喜您成為首批注冊用戶
獲得88經(jīng)驗(yàn)值獎勵
解釋:使用矩陣重新設(shè)置(覆蓋)當(dāng)前變換的方法。
屬性名 | 類型 | 必填 | 默認(rèn)值 | 說明 |
---|---|---|---|---|
scaleX | Number | 是 | 水平縮放 | |
skewX | Number | 是 | 水平傾斜 | |
skewY | Number | 是 | 垂直傾斜 | |
scaleY | Number | 是 | 垂直縮放 | |
translateX | Number | 是 | 水平移動 | |
translateY | Number | 是 | 垂直移動 |
<canvas canvas-id="myCanvas" class="myCanvas" />
Page({
onLoad() {
const canvasContext = this.createCanvasContext('myCanvas');
canvasContext.setFillStyle('blue');
canvasContext.fillRect(30, 30, 150, 75);
canvasContext.setTransform(1, 0.5, -0.5, 1, 30, 10);
canvasContext.setFillStyle('red');
canvasContext.fillRect(30, 30, 150, 75);
canvasContext.setTransform(1, 0.5, -0.5, 1, 30, 10);
//此方法與transform()方法的唯一區(qū)別是setTransform()方法會重置前面的矩陣,然后再繪制出一個新的矩陣;transform()方法則不會重置前面的矩陣,而是在前面的基礎(chǔ)上繼續(xù)進(jìn)行縮放、位移或者旋轉(zhuǎn)。
canvasContext.draw();
}
});
Copyright©2021 w3cschool編程獅|閩ICP備15016281號-3|閩公網(wǎng)安備35020302033924號
違法和不良信息舉報電話:173-0602-2364|舉報郵箱:jubao@eeedong.com
掃描二維碼
下載編程獅App
編程獅公眾號
聯(lián)系方式:
更多建議: