![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue插件
文章平均质量分 55
阿西,能不能快点!
遍地都是六便士,你却抬头看见了月亮。
展开
-
vue + wangeditor封装富文本组件
一、介绍wangEditor —— 轻量级 web 富文本编辑器,配置方便,使用简单。官网:https://www.wangeditor.com/文档:https://www.wangeditor.com/doc/二、下载NPM npm i wangeditor --save安装后几行代码即可创建一个编辑器: import E from "wangeditor" const editor = new E("#div1") editor.create()CDN<scri原创 2021-09-29 14:19:29 · 199 阅读 · 0 评论 -
vue-drag-resize + html2canvas合成图片并下载
vue-drag-resize + html2canvas 合成图片并下载可以实现图片拖动,缩放,最后合成一个图片并且下载的功能一、下载 vue-drag-resize 和 html2canvasnpm install --save vue-drag-resizenpm install --save html2canvas二、使用<template> <div class="new-page"> <div id="myH5" :style原创 2021-03-12 17:58:24 · 769 阅读 · 0 评论 -
Vue使用html2canvas将Dom转化为图片
Vue使用html2canvas将页面转化为图片工具:官网入口一、下载npm install --save html2canvas二、使用<template> <div> <div id="myH5"> 这里就随便写内容了 </div> <button @click="saveImg('myH5')">合 成</button> </div></template&g原创 2021-03-12 14:03:16 · 158 阅读 · 1 评论 -
Vue登录时的图片验证码
Vue登录时的图片验证码效果图一、新建vue组件components/identify/identify.vue<template> <div class="s-canvas"> <canvas id="s-canvas" :width="contentWidth" :height="contentHeight"></canvas> </div></template><script>export原创 2021-03-02 14:00:41 · 604 阅读 · 0 评论 -
VUE图片裁剪功能vue-img-cutter
VUE图片裁剪功能vue-img-cutter前言:演示地址兼容IE9+,MSEdge,Chrome,Firefox两种展现形式,行内或弹窗可旋转、缩放图片任意比例、大小裁剪固定比例、大小裁剪支持远程图片裁剪、跨域设置一、安装npm install vue-img-cutter --save-dev二、使用<template> <ImgCutter ref="imgCutterModal" :imgCropperPic="imgCropper原创 2021-03-01 15:30:10 · 1922 阅读 · 1 评论 -
VUE颜色选择器插件vColorPicker
VUE颜色选择器插件vColorPicker官网vColorPicker官网跳转一、安装npm install vcolorpicker -S二、在 main.js 文件中引入插件并注册// main.jsimport vcolorpicker from 'vcolorpicker'Vue.use(vcolorpicker)三、使用 vcolorpicker<template> <colorPicker v-model="color" /><原创 2021-03-01 14:19:17 · 2242 阅读 · 1 评论