注册会员 | 设为首页 | 加入收藏夹
您好，欢迎光临本网站！[请登录] ！[注册会员]！  

搜索资源列表

  1. 图片预览及裁剪

  2. 通过Vue使用时 注意加载顺序的问题 query的cropper插件，里面有插件的使用demo可以直接拿来使用。很好的实现了裁剪上传功能。

  3. 所属分类：Javascript

    • 发布日期：2017-12-08
    • 文件大小：58368
    • 提供者：w_wensan

  1. vue+cropper+vux 移动端图片裁剪

  2. vue+cropper+vux 移动端图片裁剪 刚好项目需要用到图片裁剪功能

  3. 所属分类：HTML5

    • 发布日期：2018-01-21
    • 文件大小：1048576
    • 提供者：chenxiubin1

  1. Vue中使用Cropper.js裁剪图片

  2. Vue中使用Cropper.js裁剪图片 Cropper.js是一款很好用的图片裁剪工具，可以对图片的尺寸、宽高比进行裁剪，满足诸如裁剪头像上传、商品图片编辑之类的需求。 github： https://github.com/fengyuanchen/cropperjs 网站： https://fengyuanchen.github.io/cropperjs/

  3. 所属分类：HTML5

  1. vueimgcropper基于Vue的移动端图片裁剪组件

  2. vue-img-cropper ---基于Vue的移动端图片裁剪组件

  3. 所属分类：其它

    • 发布日期：2019-08-10
    • 文件大小：27648
    • 提供者：weixin_39841856

  1. components.rar

  2. 一个vue裁剪插件，基于vue-cropper，可以直接拿来使用，基本功能都已实现，反应也很快

  3. 所属分类：Web开发

    • 发布日期：2019-08-20
    • 文件大小：3072
    • 提供者：qq_34944694

  1. Vue图片上传剪裁组件 AppCropper.zip

  2. 基于vue封装的Cropper图片剪裁组件，cropperjs是一款非常强大却又简单的图片裁剪工具，它可以进行非常灵活的配置，支持手机端使用，支持包括IE9以上的现代浏览器。（关键是使用方法简单，几行代码就可以搞定） 实践效果图 　　如图，可以对指定的图片进行裁剪，可以自己选择裁剪的交互方式，如大小、纵横比等 还可以预览裁剪区域，确认裁剪后可以生成一个包含裁剪图的canvas对象，借助canvas的toDataURL方法可以生成一张Base64格式的图片。还有另外一种不使用canvas的方式

  3. 所属分类：Web开发

    • 发布日期：2020-04-25
    • 文件大小：3072
    • 提供者：qq_33270001

  1. cropper.vue 头像上传七牛云 裁剪头像

  2. vue-cropper图片裁剪插件，axios发送请求 用vue的项目里需要对图片进行裁剪，于是使用了cropperjs，在使用的过程中也踩过一些坑，以下是在.vue文件里cropperjs的使用方法和经验教训总结

  3. 所属分类：Javascript

    • 发布日期：2020-04-21
    • 文件大小：12288
    • 提供者：breakship

  1. Vue-cropper 图片裁剪的基本原理及思路讲解

  2. 主要介绍了Vue-cropper 图片裁剪的基本原理及思路讲解，本文图文并茂给大家介绍的非常详细,需要的朋友可以参考下

  3. 所属分类：其它

    • 发布日期：2020-08-27
    • 文件大小：508928
    • 提供者：weixin_38678406

  1. 基于cropper.js封装vue实现在线图片裁剪组件功能

  2. 主要介绍了基于cropper.js封装vue实现在线图片裁剪组件功能,非常不错，具有参考借鉴价值，需要的朋友可以参考下

  3. 所属分类：其它

    • 发布日期：2020-10-18
    • 文件大小：87040
    • 提供者：weixin_38607088

  1. cropper js基于vue的图片裁剪上传功能的实现代码

  2. 主要介绍了cropper js基于vue的图片裁剪上传功能的相关资料,需要的朋友可以参考下

  3. 所属分类：其它

    • 发布日期：2020-10-18
    • 文件大小：51200
    • 提供者：weixin_38679178

  1. vue-cli结合Element-ui基于cropper.js封装vue实现图片裁剪组件功能

  2. 主要介绍了vue-cli结合Element-ui基于cropper.js封装vue实现图片裁剪组件功能,本文图文并茂给大家介绍的非常详细，需要的朋友可以参考下

  3. 所属分类：其它

    • 发布日期：2020-10-18
    • 文件大小：64512
    • 提供者：weixin_38569569

  1. 使用vue-cropper进行图片上传，裁剪，压缩组件

  2. 使用elementui + vue-cropper进行图片的上传、裁剪、压缩组件 使用elementui + vue-cropper进行图片的上传、裁剪、压缩组件

  3. 所属分类：网页制作

    • 发布日期：2020-11-20
    • 文件大小：4096
    • 提供者：weixin_39152200

  1. vue-cli结合Element-ui基于cropper.js封装vue实现图片裁剪组件功能

  2. 前端工作中，经常需要图片裁剪的场景，cropper.js是一款优秀的前端插件，api十分丰富。 本文是在vue-cli项目下封装图片裁剪插件，效果图如下： 话不多说，看步骤吧。 第一步：准备开发环境 cropper.js是基于jquery的，所以要先安装jquery 执行命令：   npm  install --save-dev jquery cropper  为webpack配置添加jquery的映射 修改webpack.base.conf.js配置，添加标红的一行 第二步：新建图片裁剪组

  3. 所属分类：其它

    • 发布日期：2020-11-26
    • 文件大小：241664
    • 提供者：weixin_38609401

  1. Vue-cropper 图片裁剪的基本原理及思路讲解

  2. 一：裁剪的思路： 1-1，裁剪区域：需要进行裁剪首先需要形成裁剪区域，裁剪区域的大小和我们的鼠标移动的距离相关联，鼠标移动有多远，裁剪区域就有多大。如下图： 1-2 裁剪区域的宽和高的计算： 如上图，鼠标的横向移动距离和纵向移动距离就形成了裁剪区域的宽和高。那么裁剪区域的宽和高的计算是：当我们点下鼠标时，就能够通过event事件 对象获取鼠标点击位置，e.clientX 和 e.clientY; 当鼠标进行移动的时候，也能通过event获取鼠标的位置，通过两次鼠标位置的改变，就能够获得 鼠标移

  3. 所属分类：其它

    • 发布日期：2020-12-11
    • 文件大小：509952
    • 提供者：weixin_38688380

  1. jeecg-boot-vue-源码

  2. 蚂蚁设计Jeecg Vue 当前最新版本：2.3.0（发布日期：20200914） 概述 基于的Ant设计实现了Ant Design Pro Vue版Jeecg-boot的前段UI框架，采用前直接分离方案，提供强大的代码生成器的快速开发平台。写任何代码，保持jeecg一贯的强大！！ 前端技术 基础框架： -Vue实现的Ant设计 Javascr ipt框架：Vue Webpack 节点 纱 埃斯林特 vue / cli 3.2.1 cropper-头像裁剪组件 支付宝AntV数据可视

  3. 所属分类：其它

    • 发布日期：2021-02-19
    • 文件大小：1048576
    • 提供者：weixin_42149153

  1. vue-advanced-cropper：先进的vue裁剪器库，使您有机会创建适合任何网站设计的裁剪器-源码

  2. // 警告！ 如果您仍使用测试版（<1.0.0），请阅读。 :fire: 小心！ 您目前正在寻找Vue 2的分支。如果您正在寻找Vue 3的分支， 。 Vue Advanced Cropper是一个高级库，可让您有机会创建适合任何网站设计的自己的裁剪器。 这意味着您不仅可以更改裁纸器的外观，还可以自定义其行为。 特征： 全面的移动/桌面支持 支持 支持画布和坐标模式，最小和最大纵横比，自定义大小限制 缩放，旋转，调整图像大小 自动缩放，过渡 上面的 / 示例的codeandb

  3. 所属分类：其它

    • 发布日期：2021-02-03
    • 文件大小：8388608
    • 提供者：weixin_42123191

  1. 用Vue.js在浏览器中实现裁剪图像功能

  2. 你是否写了一个需要接受用户上传图片的 Web 应用，后来才意识到用户总是提供各种形状和大小的图像来破坏你的网站主题？在网络上处理图像很容易成为一种痛苦 —— 当然，除非你使用了正确的工具。 在本教程中，我们将探讨如何在浏览器中使用 Javascr ipt 库来操作图片，为服务器上的存储做准备，并在 Web 程序中使用。我们将使用 Vue.js 而不是原生 Javascr ipt来完成此操作。 要了本文想要完成的任务，请查看上面的图片。左侧是原始图像，右侧是新图像预览。我们可以移动裁剪框并调整其大

  3. 所属分类：其它

    • 发布日期：2021-01-21
    • 文件大小：135168
    • 提供者：weixin_38750007

  1. 基于cropper.js封装vue实现在线图片裁剪组件功能

  2. 效果图如下所示， github:demo下载 cropper.js github:cropper.js 官网（demo） cropper.js 安装 npm或bower安装 npm install cropper # or bower install cropper clone下载：下载地址 git clone https://github.com/fengyuanchen/cropper.git 引用cropper.js 主要引用cropper.js跟cropper.css两个文件

  3. 所属分类：其它

    • 发布日期：2021-01-19
    • 文件大小：126976
    • 提供者：weixin_38612527

  1. vue+element实现图片上传及裁剪功能

  2. 本文实例为大家分享了vue+element实现图片上传及裁剪的具体代码，供大家参考，具体内容如下 随便写的一个小demo 功能是没有任何问题 可能里面会有一些小细节没有优化  1 、安装 vue-cropper npm install vue-cropper 2、组件内使用 import { VueCropper } from 'vue-cropper' components: { VueCropper, }, 具体可见官网 demo 图片上传 &l

  3. 所属分类：其它

    • 发布日期：2021-01-19
    • 文件大小：47104
    • 提供者：weixin_38560039

  1. Graduation-vue:毕业设计管理系统前端-源码

  2. 蚂蚁设计Jeecg Vue 当前最新版本：2.0.2（发布日期：20190708） 概述 基于的Ant设计实现了Ant Design Pro Vue版Jeecg-boot的前段UI框架，采用前直接分离方案，提供强大的代码生成器的快速开发平台。写任何代码，保持jeecg一贯的强大！！ 前端技术 基础框架： -Vue的Ant设计 Javascr ipt框架：Vue Webpack 节点 纱 埃斯林特 vue / cli 3.2.1 cropper-头像裁剪组件 支付宝AntV数据可视化图

  3. 所属分类：其它

    • 发布日期：2021-03-26
    • 文件大小：1048576
    • 提供者：weixin_42110362
« 12 »