首页 > 特效 > jQuery插件 > h5实现页面自由截图、编辑功能组件
广告被禁用

更多 标签云

h5实现页面自由截图、编辑功能组件

2020-03-30 19:05:51      素材ip网      314     

 

NPM安装: npm i gmy-img-cropper


使用说明

页面引入:import gmyList from “…/…/components/gmy-img-cropper/gmy-img-cropper.vue”

页面使用:<gmy-img-cropper ref=“gmyImgCropper” @getImg = “getImg”>


参数说明

ref–>绑定组件

getImg–>获取组件截取的图片路径

使用说明

页面通过按钮等调用事件: chooseImg:function(){ //将chooseImg事件绑定到你的按钮或图标上 this.$refs.gmyImgCropper.getImage(); this.imgCropperShow = true; //该标志用于控制页面在组件显示时主页面隐藏 


备注: 该组件会占据整个屏幕,因此建议在调用截图组件时隐藏主页面内容,待截取成功后在getImg中再将主页面显示出来


使用案例


gmy-img-cropper

NPM安装: npm i gmy-img-cropper


使用说明

页面引入:import gmyList from “…/…/components/gmy-img-cropper/gmy-img-cropper.vue”

页面使用:<gmy-img-cropper ref=“gmyImgCropper” @getImg = “getImg”>


参数说明

ref–>绑定组件

getImg–>获取组件截取的图片路径


使用说明

页面通过按钮等调用事件: chooseImg:function(){ //将chooseImg事件绑定到你的按钮或图标上 this.$refs.gmyImgCropper.getImage(); this.imgCropperShow = true; //该标志用于控制页面在组件显示时主页面隐藏 },


备注: 该组件会占据整个屏幕,因此建议在调用截图组件时隐藏主页面内容,待截取成功后在getImg中再将主页面显示出来

h5实现页面自由截图、编辑功能组件

提取码: w7uf

下载资源 0 已下载 35
标签:

评论