由于小程序无法分享到朋友圈，所以想分享到朋友圈的话，我们只能生成一张海报了。 这时，我们就要用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转图片模糊的问题，因为当时在解决上个的问题 ...