Canvas在刚推出时主打的优势就是更快的渲染速度，刷新了人们对Web页面元素绘制速度的印象，但Canvas的优势却不仅限于此。

前言：提供了完整代码和预览图 为防止大家复制出错，特提供代码的打包下载地址 百度网盘 一. 炫酷星空 代码 二.动态云层 代码 三.深海灯光水母 代码 四.炫酷蛛网 代码 五.彩色气泡 代码

说实话这个问题真很搞心态，在搞不定就只能跟设计说，不要圆形头像了，谢天谢地，这个问题还是解决了。

等等...

之前做过一个营销类移动端h5项目-海报生成器，上传用户本地图片合成海报并支持下载，这次有时间了整理整理。 废话不多说，使用html的 <input type="file" /> 标签可以支持文件上传，前端上传验证的话，设置accept="image/*"将文件类型限制…

做了个海报生成的需求，顺便整合一下问题和js，以后再做海报生成方便些。 获取的canvas实例,this就是小程序的当前页面的this指向。(注意一下异步函数里的this指向) 矩形中问题比较麻烦的就是圆角矩形了，css中可以直接使用border-radius来设置圆角，can…

需要实现的功能随机产生一张图片拿到微信用户的头像和称呢（自己调后端的接口获取）把用户头像和称呢和随机产生一张图片合成一张海报可能上一页用户还有填入的心愿文本也要填入图片中实现效果图记录下在实现功能过程

之前在移动端上做了几个cavnas生成海报的需求，发现不是插件不够好用就是自己每次手写代码去绘制cavans十分麻烦，所以抽空集中处理一下这个功能。 需要实现的功能清单 移动端的主流平台兼容：H5和微

我们的业务涉及电商、教育行业，出于营销以及功能需要，会有很多卡片展示（长按保存）的需求，或者分享长图的需求。以及我们有面向商家的PC端，商家端又能编辑、实时预览卡片的样式。 同样的卡片内容我们需要在两端以两种框架（vue react）分别维护。 考虑到依赖太大（ungzippe…