Painter(原生微信小程序制作海报分享)

由于Canvas对新学的同学需要注意的地方还是很多的,从而学习的成本就加高了,但是有任务不得不做。

无意中发现了Painter对新手来说针不措

废话不多说直接上代码  官方案例 传送门

先说一下遇到的两个坑:

 1.因为painter中有 async 所以我们必须开启 增强模式  不开会报错:                                                   【components/painter/painter]错误:ReferenceError: regeneratorRuntime is not define

 2.我们在模版导入完成后发现字是乱的    在 views数组里的type:"text"对象里找到testStyle删除                           (没有遇到可以不管)

    先把官方的案例下载下来 ,接下来我们需要吧官方给出的案例搞到自己的项目中

      1. 把components/painter   这个目录下文件贴到自己项目中

       2.example就是自己想要生成海报的页面   我们也贴过去,

                            1)我就比较通俗了贴过来以后直接改名

    3.但是我们发现在example.js里引入的一个js文件   也是小事直接贴(因为开发周期就2天😌)怎么节省时          间怎么来 。

       在官网给处的palette里有很多js,不过没关系只要用的card.js就可以了

    4.  这个card.js是干什么的呢看不懂 ?  莫慌, 传送门     第一反应是什么   模版? yes答对了  直接撸代码

    5.有没有发现当我们点开查看代码的时候发现和card.js里的"views":[]   一模一样 ,没错就是views里所需 要的代码   贴过去试试。


最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容