Score
0
13 Unstar Star 67 Fork 0

lmy / vue-canvas-posterJavaScript

Create your Gitee Account
Explore and code with more than 5 million developers,Free private repositories !:)
Sign up
This repository doesn't specify license. Without author's permission, this code is only for learning and cannot be used for other purposes.
Vue Canvas Poster 一个通过 css 属性画 canvas 图片的轻量级的 vue 组件。 (A lightweight vue components use canvas draw image by css properties.) spread retract

Clone or download
lmy authored first commit
Cancel
Notice: Creating folder will generate an empty file .keep, because not support in Git
Loading...
README.md

Vue Canvas Poster 🎉

Vue Canvas Poster 一个通过 css 属性画 canvas 图片的轻量级的 vue 组件。 (A lightweight vue components use canvas draw image by css properties.)

主要特性:

  • 绘制文本(换行、超出内容省略号、中划线、下划线、文本加粗)
  • 绘制图片(圆角、旋转、边框、模式:类似小程序 image mode)
  • 绘制矩形(圆角、旋转、边框)
  • 绘制二维码
  • 渐变
  • 阴影

为什么使用 vue-canvas-poster

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

升级说明

v1.0.0 以上增加了很多特性,新老版本不兼容,请谨慎升级,老版本不在维护,如果你用的是老版本的请移步 0.1.16

注意:版本 v1.1.1 及以上采用 VueCanvasPoster 大写,低版本vueCanvasPoster升级需要修改

import { VueCanvasPoster } from 'vue-canvas-poster'

预览

线上 Demo

查看 demo 建议手机端查看

加小群讨论

Comments ( 3 )

Sign in for post a comment

JavaScript
1
https://gitee.com/lmy1269_admin/vue-canvas-poster.git
git@gitee.com:lmy1269_admin/vue-canvas-poster.git
lmy1269_admin
vue-canvas-poster
vue-canvas-poster
master

Search

131423 f1aaba0b 1899542 094922 1c74bed3 1899542