1. 程式人生 > >小程式之canvas應用

小程式之canvas應用

canvas生成海報問題

canvas畫布的隱藏問題:

可以設定css樣式,將其移出可視區域,如下

position: fixed;
left: 999px;

canvas的繪製:

好看的海報要依靠好的背景圖

canvas的方法只用於實現一些簡單的線條,圖案,以及文字

生成海報後的處理:

方法一: 較為簡單且合適的方法

  1. 先呼叫wx.canvasToTempFilePath(),將畫布儲存為圖片

  2. 圖片生成後呼叫圖片預覽的api  , wx.previewImage(傳入臨時路徑即可)

方法二: 將canvas生成的圖片下載到本地(儲存本地時可以showToast給使用者一些提示)

canvas生成圖片儲存本地時注意事項:

* canvas的寬高比可採用420:600,比例合適,可根據需要自行調節

* 再生成圖片時,可以不設定生成圖片的寬高,他會按canvas自動生成(若設定寬高,圖片不好控制大小,各位誰會這一點的,歡迎留言指教)


canvas繪製折線圖,餅狀圖