Cropper

一个简单快捷的截图软件cropper.js

官网http://fengyuanchen.github.io/cropper/需要引入的文件（此插件依赖jquery）HTML结构JS部分$('#image').cropper({aspectRatio
Brighten_Sun·2018-05-02 14:31

一个简单快捷的截图软件cropper.js

官网http://fengyuanchen.github.io/cropper/需要引入的文件（此插件依赖jquery）HTML结构JS部分$('#image').cropper({aspectRatio
Brighten_Sun·2018-05-02 14:31

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

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

我的开发插件集合

图片裁剪jcrophttps://elemefe.github.io/image-cropper/cropperhttps://fengyuanchen.github.io/cropper/使用博客https
一颗粒普斯·2018-04-10 15:37

图片裁剪插件cropper

1.首先引入插件的js和css文件附上插件下载地址https://github.com/fengyuanchen/cropperjs2.设置css样式html,body{width:100%;height:100%;}*{padding:0;margin:0;}.box{width:100%;height:auto;position:relative;}.myfile{width:75%;heig
白萝卜不花心·2018-03-26 15:56

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

效果图如下所示，github:demo下载cropper.jsgithub:cropper.js官网（demo）cropper.js安装npm或bower安装npminstallcropper#orbowerinstallcropperclone
2B_LIS·2018-03-01 14:51

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

前端工作中，经常需要图片裁剪的场景，cropper.js是一款优秀的前端插件，api十分丰富。本文是在vue-cli项目下封装图片裁剪插件，效果图如下：话不多说，看步骤吧。
lizimeme·2018-03-01 11:02

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

前些日子做了一个项目关于vue项目需要头像裁剪上传功能，看了一篇文章，在此基础上做的修改完成了这个功能，与大家分享一下。原文：//www.jb51.net/article/135719.htm首先下载引入cropperjs，npminstallcropperjs--save在需要的页面引入：importCropperfrom"cropperjs"html的代码如下：确定取消主要是js代码，如下1，
小雷雷哥哥·2018-03-01 11:33

准备一个头像截取 上传的插件

截取图片生成头像插件插件名是[cropper.js]（https://fengyuanchen.github.io/cropperjs/）先去了解这个插件再进一步应用上传头像插件目的：帮助开发者快速开发上传头像功能点背景
Do_Only·2018-02-08 15:03

cropper裁剪图片和canvas合成图片

裁剪合成图片之前，首先需要去了解canvas和cropper。
Anguler_·2018-02-01 18:56

EasyUI 1.5.1 美化主题 EasyUI 1.5.1 Of Insdep Theme 1.0

jQueryEasyUI1.5.xofinsdeptheme下方附部分美化截图关于Insdeptheme是基于EasyUI1.5.x的一款免费的美化主题包，拥有百度编辑器、cropper、Highcharts
D_Jiffy·2017-12-28 14:16

Android自定义 view之图片裁剪从设计到实现

android图片剪切是常用的功能，因为博客开发的是SDK不涉及到activity，所以就需要自定义裁剪功能，参阅了网上的大部分资料后，在github上一个封装好的裁剪库cropper，正好符合要求，本着拿来主义的思想
chunqiuwei·2017-12-21 14:08

使用cropper.js裁剪头像的实例代码

最近项目需要头像裁剪的功能，在网上找了一下，发现了github上的cropper项目还不错，借鉴了一下。。
剑火6·2017-09-29 15:03

Android开发之视频监控区域报警设定

（每次只能选一个区域上传到服务器，根据次数控制是否支持再次选取）首先呢感谢开源项目：https://github.com/edmodo/cropper我需要如何修改
AnalyzeSystem·2017-09-20 15:27

cropper配合ajaxupload实现图片截图与上传并上传至远程服务器地址

cropper配合ajaxupload实现图片截图与上传并上传至远程服务器地址1、插件引用2、html代码×点击添加或者更改图片确定取消3、js代码：初始化变量：/***默认参数*/defaultOption
高振05·2017-09-04 15:00

Cropper.js 实现裁剪图片并上传(PC端)

由于之前做项目的时候有需求是需要实现裁剪图片来做头像并上传到服务器，所以上网查询了很多资料，也试用了许多案例，发现cropper插件裁剪是比较完善的，所以结合之前的使用情况，编写了此案例。
kesixin·2017-08-20 12:03

实现HTML5 裁剪图片并上传

然而，发现了很多问题：1.插件的兼容性（推荐cropper）找裁剪插件过程中是有很多，然而把它们放在手机上测试的时候发现，有些并不能适应手机的触摸效果，安卓和苹果手机的兼容性不好，所以最终选择
笨钟·2017-08-12 13:13

vue实现移动端图片裁剪上传功能

npminstallcropperjs2.编写组件SimpleCropper.vue上传图片取消裁剪importCropperfrom'cropperjs'import'cropperjs/dist/cropper.min.css'exportdefault
echo008·2017-08-12 09:22

vue移动端图片裁剪上传

npminstallcropperjs2.编写组件SimpleCropper.vue上传图片取消裁剪importCropperfrom'cropperjs'import'cropperjs/dist/cropper.min.css'exportdefault
echo008·2017-08-11 16:43

上传及裁剪图片（WebUploader+cropper）

通过百度上传webuploader使用与注意细节和jQuery.cropper中文API详解的可以大概了解WebUploader+cropper。结合amazeUI做的，大家可以参考看看。
面条请不要欺负汉堡·2017-08-11 10:07

几款适合vue移动端的第三方小组件

/zh-cnYDUI地址：http://www.ydui.org/2、图像裁剪功能强大的cropper肯定不用说了，也有为vue单独适配的版本vue-cropperjs，不过他在安卓上略有卡顿，更推荐AlloyCrop
scorpio_h·2017-08-10 11:11

使用cropper.js裁切图片模糊

在使用cropper.js做裁剪是发现裁切的图片不够清晰，主要是由于canvas画图像素问题解决方法：把context=canvas.getContext('2d'),改为context=canvas.getContext
NarCraven·2017-08-02 19:29

Cropper.js 文档翻译

newCropper(image,options)Notes:最大宽度是预览容器的初始宽度。最大高度是预览容器的初始高度。如果设置aspectRatio选项，请确保将预设容器的宽高比设置为相同。如果预览未正确显示，请将溢出：隐藏样式设置为预览容器。Options:option类型默认值说明viewModeNumber00:无限制;1:将裁剪框限制为不超过画布的大小;2:限制最小画布尺寸以适应容器。
_blow·2017-07-17 16:14

详细AngularJs4的图片剪裁组件的实例

jQuery里有一个强大的图片剪裁插件，叫cropper.js。
砂糖葫芦娃·2017-07-12 09:26

适用于AngularJs4的图片剪裁组件

jQuery里有一个强大的图片剪裁插件，叫cropper.js。
砂糖葫芦娃·2017-07-11 18:00

vue移动端裁剪图片结合插件Cropper的使用实例代码

之前写了一个上传头像的功能模块，以下的内容是描述上传头像过程中裁剪图片插件结合vue的一个使用。当然，使用就安装npminstallcropperjs接着再引入importCropperfrom'cropperjs'下面是源码确定importCropperfrom'cropperjs'exportdefault{components:{},data(){return{headerImage:'',
xiaogezl·2017-07-10 12:23

react截图组件react-cropper的使用方法

在使用React开发中我们经常会遇到上传图片的情况，如果要使的上传的图片符合一定的规格，那么便要在客户端对上传的图片进行一定的裁剪，这个时候我么便可以使用到react-cropper这个图片裁剪组件，可以帮助我们轻松的实现图片裁剪功能
weixin_30566149·2017-07-03 11:00

Cropper插件实现图片缩放

实现效果：Cropper是一个简单的jQuery图像裁剪插件。它支持选项，方法，事件，触摸（移动），缩放，旋转。
zuci·2017-06-14 17:18

EasyUI 1.5.1 美化主题 EasyUI 1.5.1 Of Insdep Theme 1.0

jQueryEasyUI1.5.xofinsdeptheme下方附部分美化截图关于Insdeptheme是基于EasyUI1.5.x的一款免费的美化主题包，拥有百度编辑器、cropper、Highcharts
magicweng·2017-01-23 21:32

EasyUI 1.5.1 美化主题 EasyUI 1.5.1 Of Insdep Theme 1.0

jQueryEasyUI1.5.xofinsdeptheme下方附部分美化截图关于Insdeptheme是基于EasyUI1.5.x的一款免费的美化主题包，拥有百度编辑器、cropper、Highcharts
magicweng·2017-01-23 21:36

C#如何实现图片的剪裁并保存

前台我就不说了，用的cropper插件，有兴趣的自己去百度找找吧。脚本之家有这个插件。
：b小青青·2016-11-12 10:47

图片剪裁cropper插件结合网站示例 支持图片旋转,裁剪,加水印功能 类似58同城效果

cropper是一款使用简单且功能强大的图片剪裁jQuery插件。
qq_3479015851·2016-10-19 13:14

Android仿微信QQ设置图形头像裁剪功能

图片裁剪实现方式有两种，一种是利用系统自带的裁剪工具，一种是使用开源工具Cropper。本节就为大家带来如何使用系统自带的裁剪工具进行图片裁剪~还是先来个简单的运行图。额，简单说下，我待会会把代码写
南尘·2016-10-13 15:38

jQuery.cropper中文API详解

jQuery.cropper是一款使用简单且功能强大的图片剪裁jQuery插件。该图片剪裁插件支持图片放大缩小，支持图片旋转，支持触摸屏设备，支持canvas，并且支持跨浏览器使用。
樊小书生·2016-10-09 10:34

Android 图片选择器

github上面的优秀框架： 1.图片加载使用google推荐的Glide,我一直使用这个,无论加载本地图片还是网络图片都很流畅,而且可以定义加载动画,非加载图片非常自然； 2.图片裁剪使用edmodo的cropper
Joy_Whale·2016-07-08 09:00

推荐图片上传与裁剪插件WebUploader和cropper

WebUploader，地址：http://fex.baidu.com/webuploader/比较好用，功能也较多，适合大多数平台图片的上传二、图片裁剪插件图片裁剪也实在太多，推荐比较好用且功能强大的cropper
lock-li·2016-04-06 15:00

java web 网站头像上传处理 (springmvc +bootstrap+cropper)

前端页面设计使用bootstrap，头像预览和剪裁工具使用cropper后台使用springmvc。
u012441887·2016-03-31 16:00

Web App 图片上传编辑器

使用cropper、jqueryUpload插件、Jquery、src-dataurl-canvas-blob文件。
就会胡闹·2016-01-29 10:00

Cropper – 简单的 jQuery 图片裁剪插件

Cropper 是一个简单的jQuery图像裁剪插件。它支持选项，方法，事件，触摸（移动），缩放，旋转。输出的裁剪数据基于原始图像大小，这样你就可以用它们来直接裁剪图像。
梦想天空（山边小溪）·2016-01-22 09:00

cropper本地预览 裁剪，上传到服务器

如果容器定为600px，从本地选一张大于600px的图片，那么到容器里会压缩，scrop获取不到图片的真实位置，导致上传到后台后，后台裁剪的图片不对今天重新用cropper搞，终于搞好了。 
mfc2003·2015-11-14 14:00

推荐个不错的屏幕捕获程序

Cropper in C# 现在已经加入到codeplex 地址: http://www.codeplex.com/cropper 相关插件:http://www.codeplex.com/cropperplugins
·2015-11-01 13:10

[翻译] RSKImageCropper

RSKImageCropper https://github.com/ruslanskorb/RSKImageCropper An image cropper for iOS like in
·2015-11-01 11:43

cropper.js 跨域问题

this.$clone = $clone = $('<img>'); $clone.one('load', $.proxy(function () { var naturalWidth = $clone.prop('naturalWidth') || $clone.width(), naturalHeight = $clone.prop
·2015-10-31 11:46

ASP.NET C#上传图片时，根据选中的内容生成缩略图

我的博客新地址为 http://www.aspx-office.cn/   使用cropper可以在上传图片时，根据用户的选择生成缩略图，参考下图   本文就来介绍如何实现上述功能
·2015-10-28 09:46

Release pdf cropper0.1(pdfcrop)

Remove white space around PDF's(need ghostscript 8.x) PDF CROPPER takes a PDF file as input, calculates
·2015-10-27 15:10

Android 图片选择器

github上面的优秀框架： 1.图片加载使用google推荐的Glide,我一直使用这个,无论加载本地图片还是网络图片都很流畅,而且可以定义加载动画,非加载图片非常自然； 2.图片裁剪使用edmodo的cropper
jiyu5204651·2015-10-20 20:00

Image Cropper 的 JAVA 支持

   image-cropper是一个很好的Jquery插件，可以实现图片的选择，旋转，剪切。可以用做网站头像的处理。             
guanxi·2015-10-20 16:00

thinkphp_图片上传裁剪功能

准备材料THINKPHPjQuery表单插件cropper裁剪插件思路： 利用THINKPHP上传文件类与图片裁剪类，前台想办法组合参数给后台 那怎么样可以异步提交文件呢关键就是jquery表单插件了 
aga-china·2015-09-25 17:00

web实现QQ头像上传截取功能

在实现这个功能之前找了一些jq的插件，最后选定了cropper在github中可以找到。
流浪的狸猫·2015-09-02 18:00

web实现QQ头像上传截取功能

在实现这个功能之前找了一些jq的插件，最后选定了cropper在github中可以找到。
流浪的狸猫·2015-09-02 18:00
上一页 2 3 4 5 6 7 8 9 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他