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

搜索资源列表

  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. 基于原生JS实现图片裁剪

  2. 下面是我自己写的图片裁剪的功能介绍： 可以利用鼠标拖拉，产生裁剪框 可以改变裁剪框大小 点击确定，返回裁剪数据 原理 完成裁剪的方法有两种： 1、利用HTML5新增拖拽事件drag drop等 2、传统方法，利用鼠标事件，mousedown、mousemove等 在这里，我们采用方法2。 裁剪区域的形成 要进行裁剪首先要形成裁剪区域，这个裁剪区域的形成我们可以与鼠标移动的距离相关联。鼠标移动多远，裁剪区域就有多大。如下图： 如上图所示鼠标的横向移动距离与纵向移动距离共同组成了裁

  3. 所属分类：其它

    • 发布日期：2020-12-02
    • 文件大小：332800
    • 提供者：weixin_38672794

  1. 一个基于react的图片裁剪组件示例

  2. 开始 写了一年多vue，感觉碰到了点瓶颈，学习下react找找感觉。刚好最近使用vue写了个基于cropperJS的图片裁剪的组件，便花费了几个晚上的功夫用react再写一遍。代码地址 项目是使用create-react-app来开发的，省去了很多webpack配置的功夫，支持eslint，自动刷新等功能，使用前npm install并npm start即可。推荐同样是新学习react的人也用用看。 项目写的比较简陋，自定义配置比较差，不过也是完成了裁剪图片的基本功能，希望可以帮助到初学re

  3. 所属分类：其它

    • 发布日期：2020-11-30
    • 文件大小：75776
    • 提供者：weixin_38659955

  1. Angular实现图片裁剪工具ngImgCrop实践

  2. ngImgCrop是AngularJS的一个图片裁剪插件，它实际上是一个封装好的AngularJs指令，可以让用户以圆框或者方框来裁剪图片 1、使用效果截图    2、demo演示 demo演示地址 http://jsfiddle.net/alexk111/rw6q9/ 3、下载安装 可以使用两种方式来下载ngImgCrop插件 a、GitHub下载：git clone https://github.com/alexk111/ngImgCrop.git b、bower安装，如果项目中使用了bo

  3. 所属分类：其它

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

  1. 基于jQuery+HttpHandler实现图片裁剪效果代码(适用于论坛, SNS)

  2. 正文:为了使层次分明及便于阅读,  整个解决方案如下: 其中BitmapCutter.Core是图片的服务器端处理程序, 类图为:   简单说明下, 更多说明可查看源码注释 : Cutter为裁剪对象, 用于存储客户端通过AJAX提交的数据. Helper为图片处理类, 包括图片翻转(RotateImage()), 图片裁剪(GenerateBitmap()). Callback为服务器端图片处理类, 通过使用Cutter封装客户端AJAX提交的数据, 然后调用Helper中的方法来完成图片处理

  3. 所属分类：其它

    • 发布日期：2020-12-10
    • 文件大小：410624
    • 提供者：weixin_38737176

  1. 基于HTML5+JS实现本地图片裁剪并上传功能

  2. 最近做了一个项目，这个项目中需要实现的一个功能是：用户自定义头像（用户在本地选择一张图片，在本地将图片裁剪成满足系统要求尺寸的大小）。这个功能的需求是：头像最初剪切为一个正方形。如果选择的图片小于规定的头像要求尺寸，那么这整张图片都会作为头像。如果大于规定的尺寸，那么用户可以选择要裁剪的区域。用户点击确定按钮，就将裁剪得到的图片数据发送到服务器，在后端将图片数据保存成一个文件。 要完成上述功能，涉及到的知识有：ajax，canvas和html5中的files接口。我将实现这个功能的代码封装到了4

  3. 所属分类：其它

    • 发布日期：2020-12-10
    • 文件大小：99328
    • 提供者：weixin_38713586

  1. PHP全功能无变形图片裁剪操作类与用法示例

  2. 本文实例讲述了PHP全功能无变形图片裁剪操作类与用法。分享给大家供大家参考，具体如下： 如果需要图片裁剪，或生成缩略图，这个基本上没有问题，全部需要的功能都在里面，全部都是无变形的。 这里我们划分为四种模式： 1. 任意图片裁剪到指定大小，超过的，剧中裁剪，并且最大化缩放，不够的拉伸， 2. 超过的剧中裁剪，而不足的，不拉伸，即只缩小，不放大裁剪，会产生补白，可以用png透明度来消除 3. 保留全部图片信息。不裁剪，只缩放，不足的补白。 4. 保留全部图片信息。不裁剪，只缩放，不足的不补白，产生

  3. 所属分类：其它

    • 发布日期：2020-12-18
    • 文件大小：66560
    • 提供者：weixin_38716590

  1. MacOS 安装 PHP的图片裁剪扩展Tclip

  2. Tclip 用于图片裁剪，有以下特点： 能进行人脸识别。图片中有人脸，将自动视为人脸区域为重要区域，将不会被裁剪掉。 自动识别其它重要区域。如果图片中未识别出人脸，则会根据特征分布计算出重区域。 总而言之，自动识别图片中的重要区域，并且在图片裁剪时保留重要区域。 源码地址：https://github.com/exinnet/tclip 安装opencv 根据github上的说明，在CentOS上安装没有问题，但在我的MacOS上就挂了。 首先遇到的问题就是，opencv安装不过去。还好，上gi

  3. 所属分类：其它

    • 发布日期：2020-12-18
    • 文件大小：62464
    • 提供者：weixin_38700779

  1. MacOS 安装 PHP的图片裁剪扩展Tclip

  2. Tclip 用于图片裁剪，有以下特点： 能进行人脸识别。图片中有人脸，将自动视为人脸区域为重要区域，将不会被裁剪掉。 自动识别其它重要区域。如果图片中未识别出人脸，则会根据特征分布计算出重区域。 总而言之，自动识别图片中的重要区域，并且在图片裁剪时保留重要区域。 源码地址：https://github.com/exinnet/tclip 安装opencv 根据github上的说明，在CentOS上安装没有问题，但在我的MacOS上就挂了。 首先遇到的问题就是，opencv安装不过去。还好，上gi

  3. 所属分类：其它

    • 发布日期：2020-12-18
    • 文件大小：62464
    • 提供者：weixin_38656463

  1. Python图片裁剪实例代码(如头像裁剪)

  2. 今天就来说个常用的功能，图片裁剪，可用于头像裁剪啊之类的。用的还是我们之前用的哪个模块pillow 1. 安装pillow 用pip安装 pip install pillow 2. 图片裁剪 2.1 准备一张图片 2.2 我们使用的是Image中的crop(box)功能，它需要一个参数box,元组 类型，元组包括4个元素，如： （距离图片左边界距离x， 距离图片上边界距离y，距离图片左边界距离+裁剪框宽度x+w，距离图片上边界距离+裁剪框高度y+h） 如图：(x, y, x+w, y+h),

  3. 所属分类：其它

    • 发布日期：2020-12-25
    • 文件大小：235520
    • 提供者：weixin_38681147

  1. PHP图片裁剪与缩放示例（无损裁剪图片）

  2. 本文介绍了PHP图片裁剪与缩放示例，废话不多少，具体代码如下： /* *exif_imagetype -- 判断一个图像的类型 *功能说明：函数功能是把一个图像裁剪为任意大小的图像，并保持图像不变形 *参数说明：输入 需要处理图片的 文件名，生成新图片的保存文件名，生成新图片的宽，生成新图片的高 */ // 获得任意大小图像，不足地方拉伸，不产生变形，不留下空白 function image_resize($src_file, $dst_file, $new_width, $new_

  3. 所属分类：其它

    • 发布日期：2020-12-19
    • 文件大小：48128
    • 提供者：weixin_38620267

  1. Android图片裁剪功能实现代码

  2. 在Android应用中，图片裁剪也是一个经常用到的功能。Android系统中可以用隐式意图调用系统应用进行裁剪，但是这样做在不同的手机可能表现出不同的效果，甚至在某些奇葩手机上还会出其他更奇怪的问题，所以调用系统功能进行图片裁剪在很多时候对我们来说并不是一个好的选择。这时候就需要我们自己去实现这种裁剪功能了。 功能分析 要完成图片裁剪的功能，我们需要先知道图片裁剪的功能有哪些。图片裁剪之前，我们需要有一个框指示我们需要裁剪的样式合大小。图片显示出来后大小和位置可能并不是我们所期望的，所以我们还需

  3. 所属分类：其它

    • 发布日期：2021-01-05
    • 文件大小：131072
    • 提供者：weixin_38693084

  1. iOS 图片裁剪的实现方法

  2. iOS 图片裁剪方法，主要有两种，一起来看下。 通过 CGImage 或 CIImage 裁剪 UIImage有cgImage和ciImage属性，分别可以获得CGImage和CIImage对象。CGImage和CIImage对象都有cropping(to:)方法，传入CGRect的参数表示要裁剪的区域(采用UIImage的坐标)。 static func cropImage(_ image: UIImage, withRect rect: CGRect) -> UIImage? {

  3. 所属分类：其它

    • 发布日期：2021-01-04
    • 文件大小：40960
    • 提供者：weixin_38748239

  1. iOS 图片裁剪 + 旋转

  2. 之前分别介绍了图片裁剪和图片旋转方法 《iOS 图片裁剪方法》 地址：//www.jb51.net/article/107308.htm 《iOS 图片旋转方法》 地址：//www.jb51.net/article/107361.htm 裁剪和旋转是可以连在一起执行的。先定位到需要裁剪的区域，然后以此区域的中心为轴，旋转一定角度，最后获取旋转后此区域内的图片。可以用位图(Bitmap)绘制实现 static func cropImage(_ image: UIImage, withRect r

  3. 所属分类：其它

    • 发布日期：2021-01-04
    • 文件大小：39936
    • 提供者：weixin_38640984

  1. android调用原生图片裁剪后图片尺寸缩放的解决方法

  2. 在安卓开发中，如果对拍照后的图片进行图片裁剪，如果是调用系统的裁剪，如下： /* * 裁剪图片 */ private void cropPhoto() { Intent intent = new Intent(com.android.camera.action.CROP); Uri uri = Uri.parse(file:// + picSavePath); intent.setDataAndType(uri, image/*); intent.putExtra

  3. 所属分类：其它

    • 发布日期：2021-01-04
    • 文件大小：44032
    • 提供者：weixin_38747818

  1. iOS如何将图片裁剪成圆形

  2. 本文实例为大家分享了iOS将图片裁剪成圆形的具体代码，供大家参考，具体内容如下 原图： 圆形图片裁剪效果： 裁剪成带边框的圆形图片： 核心代码： #import interface UIImage (image) /** * 生成一张圆形图片 * * param image 要裁剪的图片 * * return 生成的圆形图片 */ + (UIImage *)imageWithClipImage:(UIImage *)image; /** * 生成一张带有边框的圆形图

  3. 所属分类：其它

    • 发布日期：2021-01-03
    • 文件大小：74752
    • 提供者：weixin_38530211

  1. Python实现图片裁剪的两种方式(Pillow和OpenCV)

  2. 在这篇文章里我们聊一下Python实现图片裁剪的两种方式，一种利用了Pillow，还有一种利用了OpenCV。两种方式都需要简单的几行代码，这可能也就是现在Python那么流行的原因吧。 首先，我们有一张原始图片，如下图所示： 原始图片 然后，我们利用OpenCV对其进行裁剪，代码如下所示： import cv2 img = cv2.imread(./data/cut/thor.jpg) print(img.shape) cropped = img[0:128, 0:512] # 裁剪坐标为

  3. 所属分类：其它

    • 发布日期：2021-01-02
    • 文件大小：101376
    • 提供者：weixin_38630139

  1. 炫酷的小红书图片裁剪控件

  2. 炫酷的小红书图片裁剪控件

  3. 所属分类：互联网

    • 发布日期：2021-01-02
    • 文件大小：31457280
    • 提供者：bruce__ray

  1. StickerCamera:Android源码-一种集成了相机，图片裁剪，给图片贴图打标签的APP。编译需要java8，详见原作者-源码

  2. 贴纸相机 这是一个带有相机，图片裁剪，拼贴粘贴和标记的Android应用程序。 这是一款集成了相机，图片裁剪，给图片贴图打标签的APP。 特征 实现摄像头的功能。 实现照片裁剪功能。 实现照片滤镜的功能。 可以在照片上粘贴拼贴画（可以移动，放大和旋转拼贴画）。 可以标记图片（也可以移动）。 将完成的图片保存在本地，显示更多自定义视图和更好的框架。 实现相机功能 实现对图片进行裁剪的功能 图片的滤镜功能 能为图片添加贴纸（贴纸可移动，放大，旋转） 能为图片添加标签（同样可以移动） 本地保

  3. 所属分类：其它

    • 发布日期：2021-03-23
    • 文件大小：9437184
    • 提供者：weixin_42168341

  1. jQuery移动设备图片裁剪特效代码

  2. jQuery移动设备图片裁剪代码是一款支持移动设备触摸手势的jQuery图片裁剪插件jquery.photoClip。

  3. 所属分类：其它

    • 发布日期：2021-03-20
    • 文件大小：69632
    • 提供者：weixin_38520046
« 1 2 ... 4 5 6 7 8 910 11 12 13 14 ... 50 »