操屁眼的视频在线免费看,日本在线综合一区二区,久久在线观看免费视频,欧美日韩精品久久综

微信小程序里的 非 h5 有很多不一樣的地方，以下把微信小程序的叫做

下面全是我一點點測試出的干貨微信小程序canvas裁剪，耐心看：

1.,不像那樣有width和屬性和width和的style樣式。他只有style樣式，可以理解為他就是個框吧；

2.不要當成真的微信小程序canvas裁剪，就當它是個div就行，畫出范圍的東西也是存在的，改變width,就顯示出來了，或者說這里有重繪，但具體如何實現的不知道；

3.改變的style的width,，并不改為原畫布上的東西的大小；

4.css 變換中的變大縮小也無法改變原畫布上的東西大小

5.官方說法：只是一個記錄方法調用的容器，用于生成記錄繪制行為的數組。跟不存在對應關系，一個生成畫布的繪制動作數組可以應用于多個。

實際上，.()后，中的信息會被清空，如果想重復利用，需要var temp=.()將操作數組保存下來，才可重復用于wx.；

6.注意

wx.drawCanvas({
　　canvasId: 'target',
　　actions: context.getActions()
});

默認會清空畫布，想不清空需要

wx.drawCanvas({
    canvasId: 'target',
    actions: context.getActions(),
    reserve:true

});

7.《重點》

注意，-="true"和=""同時存在時才能避免頁面跟著動，是不行的

上面的寫法，和會都觸發，

返回的是普通touch事件對象，有pageX,等，

返回的是事件對象，沒有pageX,,只有x,y

8.

wx.drawCanvas({
    canvasId: 'target',
    actions: [],
    reserve:false
});

可以清空畫布和畫布的狀態

9.畫布的scale 等狀態，在:true時會接著上次的狀態

10..()返回的數組很有用，打印出來你會發現里面的內容你都能看懂，可以直接修改數組改變畫的動作

11.wx.時.在手機上可以畫出來，在電腦開發工具上畫不出來

12.wx.

官方文檔中只有一行，原來

wx.canvasToTempFilePath參數為一個對象包括canvasID,success,fail,complete，和wx.saveFile差不多；

            wx.canvasToTempFilePath({
              canvasId: 'target',
              success: function success(res) {
                wx.saveFile({
                  tempFilePath: res.tempFilePath,
                  success: function success(res) {

                    console.log('saved::' + res.savedFilePath);
                  },
                  complete: function fail(e) {
                    console.log(e.errMsg);
                  }
                });
              },
              complete: function complete(e) {
                console.log(e.errMsg);
              }
            });