Vue海报编辑器(自由拖拽海报生成)

poster-editor（海报编辑器），用于H5页生成海报，最终的目的就是根据拖拽元素，动态绘制一张海报图。

GitHub

在线体验地址

说明

通过Flex布局页面，Less预处理，模块化组件化开发模式。
Vue声明式的语法实现数据绑定，生命周期函数初始化数据,计算属性过滤/监测数据。
多个组件公共的属性或者方法通过mixins抽离，谁需要谁引入。
自定义event Bus组件间通信。
多个组件需要的状态置入vuex,正好玩转一下vuex的流程。
使用LocalStorage存储已发布的海报

其它

HBuilderX:搭建项目
iconfont: 阿里巴巴图标库

Vue海报编辑器(自由拖拽海报生成)相关推荐

Vue 实现弹框自由拖拽（不出可视范围、解决快速拖动问题）
Vue 实现弹框自由拖拽(不出可视范围.解决快速拖动问题) 由于页面中弹框很多,往往会挡住想要查看的内容.从而,有了自由移动拖拽弹框的需求:但在使用的过程中发现,一开始编写的drag.js文件会移出可 ...
vue实现指定区域自由拖拽、打印功能
先看下效果图,实现指定区域内内容自由拖拽,不超出.动态设置字体颜色及字号:设置完成实现打印指定区域内容,样式不丢失. 1.运行命令npm i vue-draggable-resizable -S, 安 ...
vue 组件封装——可自由拖拽移动的盒子
最终效果完整代码关键性要点,详见注释组件封装 superBox.vue <template><divref="box_Ref"class="box ...
winform窗体自由拖拽控件
源码地址:https://download.csdn.net/download/horseroll/10906640 以上链接是用积分下载的,如果没有积分,可以用以下链接付费下载:https://do ...
Vue.Draggable 实现组件拖拽
Vue.Draggable 实现组件拖拽特性支持触摸设备支持拖拽和选择文本支持智能滚动支持不同列表之间的拖拽不以jQuery为基础和视图模型同步刷新和vue2的国度动画兼容支持撤销操 ...
vue可视化拖拽组件模板_基于 Vue 丝滑般拖拽排序组件VueSlicksort
今天给大家分享一个功能超强的自由拖拽排序组件VueSlicksort. vue-slicksort 一款功能强大的可拖拽的vue.js组件.拥有丝滑般拖拽动画效果,支持水平/垂直/网格拖拽排序.还可以 ...
拖拽生成html页面,简单拖拽即生成网页 VvvebJs
原标题:简单拖拽即生成网页 VvvebJs 导读VvvebJs是一个开源的网页拖拽自动生成的Java库,你可以以简单拖拽的方式生成自己需要的网页样式,内置jquery和Bootstrap,你可以拖拽相 ...
Qt5.14_MinGW/MSVC下实现VS2019面板自由拖拽组合功能
文章目录前言一.src源码获取二.lib_MinGW/lib_MSVC获取三.库的添加四.代码测试总结前言最近在项目中需要实现几个窗口可以自由拖拽等需求,一开始使用Qt原生控件QDoc ...
基于 Spring Boot + Vue 实现的可视化拖拽编辑的大屏项目
大家好,今天给小伙伴们分享一个基于 SpringBoot + Vue 实现的可视化拖拽编辑的大屏项目: 简介这个是一个开源的一个BI平台,酷炫大屏展示,能随时随地掌控业务动态,让每个决策都有数据支撑 ...
html列表拖拽排序插件,可对列表自由拖拽排序的jQuery插件
dragslot.js是一款可以对列表自由拖拽排序的jQuery插件.该插件主要的功能是实现了列表项可以在各个列表中相互拖拽. 对于像todo list, 分配任务列表都可以应用这个效果. 使用方法 ...

Vue海报编辑器(自由拖拽海报生成)

说明

其它

Vue海报编辑器(自由拖拽海报生成)相关推荐

最新文章

热门文章