GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → suguoyao → Vue Card Diy

suguoyao / Vue Card Diy

Licence: mit
Canvas-based custom card vue app

Labels

vuevuexcanvascarddiy

Projects that are alternatives of or similar to Vue Card Diy

Sunwell
Canvas-based high quality Hearthstone card renderer
Stars: ✭ 93 (+12.05%)
Mutual labels:  card, canvas
Electron Vue Cloud Music
🚀Electron + Vue 仿网易云音乐windows客户端
Stars: ✭ 1,894 (+2181.93%)
Mutual labels:  vuex, canvas
Spotify-Cards-API
🚀 Unofficial Spotify PromoCards API
Stars: ✭ 13 (-84.34%)
Mutual labels:  canvas, card
Vue Mail List
vue全家桶+localStorage实现一个简易的通讯录
Stars: ✭ 81 (-2.41%)
Mutual labels:  vuex
Vuex Orm Next
The next iteration of Vuex ORM.
Stars: ✭ 81 (-2.41%)
Mutual labels:  vuex
Lowpoly
Lowpoly image generator
Stars: ✭ 83 (+0%)
Mutual labels:  canvas
Sketchpad
Sketchpad is fully customisable collaborative whiteboard plugin written in pure JavaScript.
Stars: ✭ 85 (+2.41%)
Mutual labels:  canvas
Udoit
The Universal Design Online content Inspection Tool, or UDOIT (pronounced, “You Do It”) enables faculty to identify accessibility issues in Canvas by Instructure. It will scan a course, generate a report, and provide resources on how to address common accessibility issues.
Stars: ✭ 80 (-3.61%)
Mutual labels:  canvas
Animated Stars Android
Draw animated stars on Android view canvas - written in Kotlin
Stars: ✭ 85 (+2.41%)
Mutual labels:  canvas
Stacked Cards
Give your content boxes a stacked cards look with each card swapping with other.
Stars: ✭ 83 (+0%)
Mutual labels:  card
Vue Deepset
Deep set Vue.js objects
Stars: ✭ 83 (+0%)
Mutual labels:  vuex
Touchable
Flutter library to add gestures and animations to each Shape you draw on your canvas in your CustomPainter
Stars: ✭ 82 (-1.2%)
Mutual labels:  canvas
Watercolor Canvas
Creating watercolor-style canvas art
Stars: ✭ 84 (+1.2%)
Mutual labels:  canvas
Cool Admin Vue
cool-admin一个很酷的后台权限管理框架，模块化、插件化、CRUD极速开发，永久开源免费，基于midway.js 2.0、typeorm、mysql、jwt、element-ui、vuex、vue-router、vue等构建
Stars: ✭ 73 (-12.05%)
Mutual labels:  vuex
Vue Taobao
😀史诗级😀巨仿淘宝手机端(vue2.0以上+vue-router+axios+vuex+webpack+betterscroll等)
Stars: ✭ 85 (+2.41%)
Mutual labels:  vuex
Fluxus
Flux for SwiftUI, inspired by Vuex
Stars: ✭ 81 (-2.41%)
Mutual labels:  vuex
Canvas Special
👽🌟超多经典 canvas 实例，动态离子背景、移动炫彩小球、贪吃蛇、坦克大战、是男人就下100层、心形文字等等等
Stars: ✭ 1,256 (+1413.25%)
Mutual labels:  canvas
Canvaskeyframes
最简单的序列帧动画canvas插件
Stars: ✭ 83 (+0%)
Mutual labels:  canvas
H5 Animation
The canvas animation effect.
Stars: ✭ 1,246 (+1401.2%)
Mutual labels:  canvas
Curvejs
Made curve a dancer in HTML5 canvas - 魔幻线条
Stars: ✭ 1,251 (+1407.23%)
Mutual labels:  canvas
View All Similar Projects ➔

vue-card-diy

简介

vue-card-diy是一个基于Vue的可DIY卡片和生成卡片的个人项目。常见的使用场景有会员卡、名片等卡的定制。

在线Demo

Demo

技术栈

vue、vuex、vue-router 、 muse-ui 和 fabric.js

功能

- 卡片整体
  - 自定义卡片背景
  - 撤销/恢复
  - 生成预览图
  - 清空所有图层
  - 正反面切换（待开发）
  - 横竖样式切换（待开发）
- 装饰图层
  - 左右翻转/上下翻转
  - 旋转
  - 双指缩放
  - 移动图层层级
  - 删除图层
- 文字
  - 左右翻转/上下翻转
  - 旋转
  - 双指缩放
  - 移动图层层级
  - 删除图层
  - 修改内容
  - 修改颜色（待开发）
  - 加粗/斜体 （待开发）
- 图层
  - 依序显示当前卡片图层
  - 点击定位到图层

...

目前个人利用业余时间开发，欢迎 issue 提出想法和建议！~ 😜

开发

# 克隆项目
git clone https://github.com/suguoyao/vue-card-diy.git

# 安装依赖
npm install

# 启动服务（浏览器访问 http://localhost:8080）
npm run dev / npm start

# 构建
npm run build

License

MIT

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].