生产海报插件

vue canvas 生成微信分享海报

前言

小可爱们是不是还在为画Canvas 而烦恼，是不是心烦各式各样的分享图如何快速生成。

使用Vue Canvas Poster 你可以用简单的css属性按照一定的规范画出Canvas图。比如你可以写一段文字，给它设置大小颜色对齐方式，你也可以画出一张图片，设置如何裁剪，你甚至可以画出渐变的矩形，给它设置边框，圆角。

Vue Canvas Poster 🎉&

主要特性：

• 绘制文本(换行、超出内容省略号、中划线、下划线、文本加粗)

• 绘制图片(圆角、旋转、边框、模式:类似小程序 image mode)

• 绘制矩形(圆角、旋转、边框)

• 绘制二维码

• 渐变

• 阴影

为什么使用 vue-canvas-poster

简单： 使用类css属性的方式生成canvas图。
易用： 通过npm安装，简单上手 。
无依赖： 无其他依赖库。
高清： 可以通过 widthPixels 设置生成图片尺寸，解决图片模糊问题。

如何使用

1. 通过 npm 安装

npm i vue-canvas-poster --save

2.引用组件库

方法一 ：main.js 中全局注