最终生成的样式 注释已经打好，详情看代码 　　 ...

前言 这几天接到一个需求，要在公众号内生成分享海报。之前有做过H5和小程序的，心想直接复制过来就行了。没想到踩了不少的坑，搞了好几天终于搞好了，特此分享一下，希望能对大家有所帮助。 效果图 代码实现 以上是具体实现的主要代码，这里选用了QS-SharePoster插件 ...

1 简介 　　基于Python中诸如matplotlib等功能丰富、自由度极高的绘图库，我们可以完成各种极富艺术感的可视化作品，关于这一点我在系列文章在模仿中精进数据可视化中已经带大家学习过很多案例 ...

　　由于最近接触到商务类型的小程序开发较多，其中必不可少的一个功能就是小程序分享海报的绘制，海报绘制无非就是将元素在 canvas 上绘制并生成图片，常用的方法有 Wxml2Canvas 及 Painter。由于 Wxml2Canvas 的局限性较大，而且绘制出来的效果比较一般，如果较为简单的海报 ...

生成海报不难，都知道是用canvas画，但是在uniapp中会有一些bug，为了解决bug，下面是我的思路： 1.首先定义唯一容器，下面有image和canvas标签，为什么这样做呢，解决有些h5页面canvas画不出来，所以用image去接收并展示。 2.页面中的宽高都是 ...

在一些项目中，使用uniapp前端生成海报是避免不了的，从中也遇到了一些坑。（同理在微信小程序也可以使用的原生） 遇到最大的坑还是图片生成问题CanvasContext.drawImage； canvas是不可以通过网络图片来生成的，可以使用下面的api来缓存到本地 ...

View Code ...

小程序分享朋友圈目前的做法一般都是保存一个带有小程序二维码的海报到本地，网上也有不少相关文章，但是别人的不如自己的，这里记录一下自己生成海报保存到本地的方法。 本来一开始打算使用离屏 canvas 的，结果搞了半天发现小程序的离屏 canvas 和 通过 canvas 标签获取的有很多不 ...