vue-canvas-poster:vue生成海报图,一个通过 css 属性画 canvas 图片的轻量级的 vue 组件 (Vue poster,a lightweight vue component that draws canvas images via css properties.)

时间:2024-05-22 09:59:14
【文件属性】:

文件名称:vue-canvas-poster:vue生成海报图,一个通过 css 属性画 canvas 图片的轻量级的 vue 组件 (Vue poster,a lightweight vue component that draws canvas images via css properties.)

文件大小:2.44MB

文件格式:ZIP

更新时间:2024-05-22 09:59:14

canvas vue poster css-properties painter

Vue Canvas Poster :party_popper: 一个通过 css 属性画 canvas 图片的轻量级的 vue 组件。 (A lightweight vue components use canvas draw image by css properties.) 主要特性: 绘制文本(换行、超出内容省略号、中划线、下划线、文本加粗、文字缩进) 绘制图片(圆角、旋转、边框、模式:类似小程序 image mode) 绘制矩形(圆角、旋转、边框) 绘制二维码 渐变 阴影 为什么使用 vue-canvas-poster 简单: 使用类css属性的方式生成canvas图。 易用: 通过npm安装,简单上手 。 无依赖: 无其他依赖库。 高清: 可以通过 widthPixels 设置生成图片尺寸,解决图片模糊问题。 升级说明 v1.2.0 2020-12-25 1. 文字添加 textIndent 属性,


【文件预览】:
vue-canvas-poster-master
----.gitignore(208B)
----package.json(2KB)
----package-lock.json(395KB)
----src()
--------lib()
----dist()
--------vue-canvas-poster.common.js.map(349KB)
--------vue-canvas-poster.umd.min.js.map(367KB)
--------vue-canvas-poster.common.js(234KB)
--------demo.html(164B)
--------vue-canvas-poster.umd.js(235KB)
--------vue-canvas-poster.umd.min.js(86KB)
--------vue-canvas-poster.umd.js.map(350KB)
----public()
--------index.html(571B)
--------favicon.ico(4KB)
----static()
--------online.png(1.03MB)
--------qrcode.png(7KB)
--------gognzhonghao.jpg(22KB)
--------demo.png(162KB)
----.github()
--------ISSUE_TEMPLATE()
----examples()
--------main.js(244B)
--------assets()
--------painter.js(12KB)
--------App.vue(858B)
----README.md(3KB)
----vue.config.js(441B)
----babel.config.js(53B)
----.prettierrc(377B)

网友评论