由于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里所需 要的代码 贴过去试试。