首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >如何在rails中裁剪带有载波“事后”的图像?

如何在rails中裁剪带有载波“事后”的图像?
EN

Stack Overflow用户
提问于 2011-05-22 00:21:23
回答 1查看 2.6K关注 0票数 7

我想要做的是上传一个图像,然后带用户到一个新的页面,在那里我将使用Jcrop让用户选择他们想要裁剪的图像的一部分,然后存储该图像。本质上,我想让它成为一个两阶段的过程。

我知道如何完成javascript部分,并且了解如何创建此功能的基本流程。但是,我不知道如何实现这个的载波细节。

我能找到的最接近的东西是:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
image.recreate_versions!

但我仍然不能通过高度/宽度和开始x,y来裁剪它。

例如,我如何告诉载波进行剪切‘后事实’-即不是当图像是第一次上传?我看到了处理图像的方法,但是它们会在固定的高度和宽度下自动发生。我怎么能推迟这件事?

本质上,我想要做的是动态定义一个版本,其中我可以指定高度和宽度以及x,y

谢谢

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2011-05-22 15:03:41

这是我能做的最好的了。也许有一个更简单的方法,但这是我的方法:

下面是传递裁剪信息时的“POST”控制器操作:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
  def update_crop
    @user = User.find(current_user.id)
    @user.crop(params[:x].to_i, params[:y].to_i, params[:h].to_i, params[:w].to_i)

    redirect_to(profile_path, :notice => 'Your profile and avatar was successfully updated.')
  end

下面是向包含“化身”图像上传器的用户模型添加的方法:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
  def crop(x, y, h, w)
    image = Magick::ImageList.new(avatar.current_path)
    cropped_image = image.crop(x, y, h, w)
    cropped_image.write(avatar.current_path)

    avatar.recreate_versions!
  end

基本上,这只是对当前的一个进行修改,覆盖它,然后告诉载波创建。

票数 5
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/6086814

复制
相关文章
Arcgis中图像裁剪
使用arcmap对数据进行剪裁,Arcgis中的裁剪分为很多种,有矢量裁剪矢量,矢量裁剪栅格,栅格裁剪栅格。本文主要操作,掩膜裁剪(矢量裁剪栅格)和clip 裁剪。
Twcat_tree
2023/01/18
2.4K0
git命令中带有特殊符号如@
使用带用户密码clone的方式: git clone https://username:password@remote 当username和password中含有特殊符号会导致出错, 因为为http的请求,所以需要将特殊符号encode成url格式的 java使用: String c = java.net.URLEncoder.encode(".","utf-8"); System.out.println(c); 源文档 <http://blog.csdn.net/qq1142003960/article/
千往
2018/01/24
2.1K0
CSS 3.0中裁剪图像的特效
在有CSS 3.0之前裁剪图片实现也是颇有难度的,现在我们有了两个非常方便简单的属性可以实现裁剪,那就是object-fit和object-position,这两个属性可以让我们改变图片的大小,但是不影响图片的长宽比,利用它我们可以实现一个如下的特效。
越陌度阡
2020/11/26
1.1K0
CSS 3.0中裁剪图像的特效
图像裁剪
PNG (460, 460) RGB {'srgb': 0, 'gamma': 0.45455, 'dpi': (96, 96)} None
裴来凡
2022/05/29
1.7K0
图像裁剪
图像随机裁剪
算法:图像随机裁剪是从1张图像随机裁剪200张图像,裁剪出图像的大小为 60x60,IoU大于等于th=0.5的裁剪框用红色标出,其它裁剪框用蓝色标出,IoU比对原始区域用绿框标出。
裴来凡
2022/05/29
1.5K0
图像随机裁剪
图像任意裁剪
算法:图像任意裁剪是将图像裁剪成若干任意大小图像。 文献:LHL, 李红林. (2011). 基于投影法实现矩形窗口的任意曲线裁剪 random clipping of curves in rectangular windows based on the projection method. 云南民族大学学报:自然科学版, 20(2). Kurtz, B. D. , & Claiborne, S. J. . (1999). Efficient method for clipping numerous objects against an arbitrary clipping path. US. 链接:https://www.gaitubao.com/
裴来凡
2022/05/29
2.1K0
图像任意裁剪
如何在 Linux 中创建带有特殊字符的文件?
在 Linux 系统中,创建文件是进行各种操作的基础。有时候,我们需要创建带有特殊字符的文件,例如包含空格、特殊符号或非ASCII字符的文件。本文将详细介绍在 Linux 中如何创建带有特殊字符的文件,以便您能够轻松地完成这样的任务。
网络技术联盟站
2023/08/03
8100
如何在 Linux 中创建带有特殊字符的文件?
图像主体裁剪
import cv2 import numpy as np image=cv2.imread('C:/Users/xpp/Desktop/Lena.png') img=cv2.cvtColor(image,cv2.COLOR_BGR2GRAY) ret,thresh=cv2.threshold(img,230,255,cv2.THRESH_BINARY_INV) contours,hierarchy=cv2.findContours(thresh,cv2.RETR_EXTERNAL,cv2.CHAIN_
裴来凡
2022/05/29
1.3K0
图像主体裁剪
几何变换--图像裁剪
几何变换包括:缩放、旋转、平移等。这些变换一般用于校正图像处理引起的空间失真,或者通过将图像配准到一个预定义的坐标系统中用于规范化该图像(例如,将一幅航拍图像配准到一个特定的地图投影中,或者在立体视觉中对两幅互相配对的图像进行整形,使得行与外极限)。
FPGA开源工作室
2019/10/29
1.6K0
几何变换--图像裁剪
如何在 Linux 中创建带有特殊字符的文件?
在 Linux 系统中,创建文件是进行各种操作的基础。有时候,我们需要创建带有特殊字符的文件,例如包含空格、特殊符号或非ASCII字符的文件。本文将详细介绍在 Linux 中如何创建带有特殊字符的文件,以便您能够轻松地完成这样的任务。
网络技术联盟站
2023/07/14
7230
如何在 Linux 中创建带有特殊字符的文件?
在 React 中缩放、裁剪和缩放图像
在本文中,我们将了解如何使用 Cropper.js 在 React Web 应用中裁剪图像。尽管我们不会将这些图像上传到远程服务器进行存储,但是很容易就能完成这个任务。
疯狂的技术宅
2020/02/26
6.3K0
在 React 中缩放、裁剪和缩放图像
python图像处理-图片裁剪
本系列课程是针对无基础的,争取用简单明了的语言来讲解,学习前需要具备基本的电脑操作能力,准备一个已安装python环境的电脑。如果觉得好可以分享转发,有问题的地方也欢迎指出,在此先行谢过。
叶子陪你玩
2020/03/12
1.7K0
jQuery 图像裁剪插件Jcrop
Jcrop简介 Jcrop 是一个功能强大的 jQuery 图像裁剪插件,结合后端程序(例如:PHP)可以快速的实现图片裁剪的功能。 Jcrop是一款免费的软件,采用MIT License发布。
静默虚空
2018/01/05
1.8K0
jQuery 图像裁剪插件Jcrop
PHP 图像居中裁剪函数
使用方法:image_center_crop(source, width, height, target);
用户8099761
2023/05/11
1.5K0
用Vue.js在浏览器中裁剪图像[每日前端夜话0x86]
Cropping Images In The Browser With Vue.js
疯狂的技术宅
2019/06/20
4.2K0
用Vue.js在浏览器中裁剪图像[每日前端夜话0x86]
使用Word将图片裁剪成各种不同形状,如圆形。
1、点击[插入] 2、点击[形状] 3、点击[椭圆] 4、点击[文本] 5、按<Shift>键 6、点击[格式] 7、点击[形状填充] 8、点击[图片] 9、点击[来自文件] 10、点击[早餐优惠券图片] 11、点击[1.jpg] 12、点击[插入]
裴来凡
2022/05/28
1.9K0
使用Word将图片裁剪成各种不同形状,如圆形。
Tensorflow中的梯度裁剪
本文简单介绍梯度裁剪(gradient clipping)的方法及其作用,不管在 RNN 或者在其他网络都是可以使用的,比如博主最最近训练的 DNN 网络中就在用。
狼啸风云
2020/01/13
2.9K0
Tensorflow中的梯度裁剪
事件的事后调查
失败是不可避免的。作为科学家和工程师,你会着眼于长期问题,并将系统设计为最具可持续性、可扩展性、可靠性和安全性。但你设计的系统只是基于现有的知识。在实现方案时,并不会知道未来会发生什么。你不能总是参与下一个zero-day事件、病毒式媒体、气候灾难、配置管理错误或技术转换等。因此你需要准备好迎合应对这些事情,以及这些事情对系统造成的影响。
charlieroro
2022/10/05
8730
事件的事后调查
点击加载更多

相似问题

JCrop与载波图像裁剪

13

载波裁剪

11

Rails +载波+ RMagick :只有当图像很大时才进行裁剪

11

如何使用Rails、载波和Minimagick在上传上裁剪图像?

22

如何在rails中选择后立即上传带有载波的图像?

11
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文