由於小程序無法分享到朋友圈，所以想分享到朋友圈的話，我們只能生成一張海報了。 這時，我們就要用canvas來繪制圖片 一、創建canvas容器 二、服務端獲取小程序二維碼 為什么說是服務端獲取小程序碼呢，因為微信公眾平台是不允許將 https ...

1. 微信小程序用的 是 canvas-id 2. 需要在onLoad 里面指定canvas 的寬高, ==> 這里的寬高是畫布的寬高, 不是容器的寬高 3. 一般是在頁面繪制完成, 才會調用canvas的繪制功能, 所以 uniapp 中 需要加 ...

1.繪制圓形頭像 //繪制的頭像寬度 let avatarurl_width = 40 //繪制的頭像高度 let avatarurl_heigth = 40 //繪制的頭像在畫布上的位置 let avatarurl_x = 10 //繪制的頭像在畫布上的位置 let ...

1.單位換算問題，canvas的尺寸單位是px，所以單位需要做個換算，可以通過wx.getSystemInfo獲取屏幕寬高（單位是px），微信小程序無論什么機型，屏幕寬度都是750rpx，因此可以做個rpx和px之間的單位換算，問題就解決了； 2.canvas不支持使用網絡圖片繪圖，所以圖片 ...

1.繪制圓形頭像 //繪制的頭像寬度 let avatarurl_width = 40 //繪制的頭像高度 let avatarurl_heigth = 40 //繪制的頭像在畫布上的位置 let avatarurl_x = 10 //繪制的頭像在畫布上的位置 let ...

這里用canvas實現了兩個簡單的圖表，用到了canvas的基本用法，效果如下 新建 chart.js 文件，封裝繪制方法 構造方法 初始化方法 繪制折線圖 繪制餅狀圖 使用： 引入 chart.js 文件 ...

微信小程序 在文檔中也有描述 native-component 大致意思是：canvas組件在微信小程序中屬於原生組件，而原生組件層級是最高的，多個同時加載的原生組件，誰加載的越慢誰的層級越高，-_-|| 解決方法 　　1. 文檔中給出 cover-view 和 cover-image ...

淘寶商品展示頁面的那種）。在制作過程中，我又遇到了canvas轉圖片模糊的問題，因為當時在解決上個的問題 ...