vue-fabric purestart vue-fabric. Installation npm install vue-fabric --save 依赖 下载.和 .到本地 static/js/文件下 本地项目 index.html 引入 [removed][removed] [removed][removed] Import 在main.js中 import 'vue-fabric/dist/vue-fabric.min.css'; import { Fabric } from 'vue-fabric'; Vue.use(Fabric); 使用 <

Vue+Fabric.js实现H5 移动端简单的图片的可视化编辑、预览、下载等功能。 文本编辑：实现画布上的文本框的添加、字体属性的设置、样式风格编辑、背景颜色个性化设置、文本内容的设置等； 图片上传：点击上传图片，打开电脑文件的，实现图片的读取并添加到画布编辑区上，自由设置背景图片； 绘制图片：实现根据鼠标坐标自由绘制图形(目前仅实现矩形，其他类似，可自己实现)； 删除控件：编辑区上的控件可自由删除； 预览图片：编辑完成后可预览自己编辑的图片效果，并在右侧100%显示； 下载图片：可下载编辑好的图片； 画布缩放：可放大或者缩小画布，画布上的内容同步缩放； 一键清空：重置实现画布一键清空；