`
chinapkw
  • 浏览: 110908 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

ramgick 剪切用户头像

阅读更多

以前在别的论坛,或网站。上传头像时。总是不是很好,有的直接缩略,有的。从中间剪切。

 

在线剪切可以给用户更好的体验。呵

 

今天就用jsCropperUI-1.2.0

 

加上rmagick 做一个简单的在线头像剪切。。效果还可以如图。前端页面用jsCropperUi 给的例子很好做出

 

后台代码也就几行而己

 

     begin
            img = Magick::Image::read(tmpfile).first
            unless width == 0 or height == 0
                img.crop!(x1,y1,width,height)
            end
            img.thumbnail!(120, 150)
            img.write(outfile){ self.quality = 95; self.density = 92; }
        rescue Exception => err
            @upload_image_error = 'Could not process your image file.  Pleasetry again.' + err
            puts "****************#{@upload_image_error}*********************"
        end

 

tmpfile 为上传来的原始文件。

 

outfile 为要输出的地址

 

quality , density 为质量和精细度

 

很简单的就可以完成了

分享到:
评论
3 楼 lgn21st 2008-07-05  
这个用的是Prototype,有时切图时CPU占用率较高,比较慢,不知道有么有jQuery实现的功能类似的插件?
2 楼 chinapkw 2008-07-02  
难道我的权限还不够,不能上传附件,晕掉。。

你在网上找一下CropperUI-1.2.0.zip

他里面有 view 的例子。。很好用
1 楼 qianjigui 2008-07-02  
加问一句,那个view需要些什么代码?
谢谢!

相关推荐

    android头像上传(获取头像加剪切).zip

    获取头像加剪切获取头像加剪切android头像上传(获取头像加剪切)android头像上传(获取头像加剪切)android头像上传(获取头像加剪切)android头像上传(获取头像加剪切)android头像上传(获取头像加剪切)android...

    WPF 自定义图片剪切器 - 头像剪切

    头像剪切器的核心功能是让用户选择一个图像,然后在界面上自由拖动或调整选择区域来裁剪图像。这个过程涉及到以下几个关键步骤: 1. **加载图像**:使用`ImageSourceConverter`将本地图片文件转换为`ImageSource`,...

    web剪切处理头像并上传

    同时,这个组件还可以包含一个图像剪切工具,让用户可以自由调整选取的头像部分。 2. **图像剪切处理**:Flash提供了丰富的图形处理API,可以实现图像的裁剪、缩放、旋转等功能。在用户确定剪切范围后,Flash将截取...

    android头像上传(获取头像加剪切)

    在Android应用开发中,用户头像的上传与剪切是一项常见的功能,特别是在社交类应用中。这个主题将探讨如何在Android平台上实现这一功能,包括获取用户头像、图像剪切以及将其上传到服务器。 首先,我们需要获取用户...

    头像剪切上传jquery+java源码

    在IT行业中,头像剪切上传功能是许多网站和应用中的常见需求,它允许用户选择并裁剪自己的图片作为个人头像。这个"头像剪切上传jquery+java源码"是一个实现这一功能的示例项目,包含了前端的jQuery交互和后端的Java...

    java剪切头像,像开心网的剪切头像程序

    在Java编程领域,实现类似开心网的剪切头像功能是一项常见的需求,它涉及到图像处理、用户交互以及前端展示等多个方面。在这个过程中,开发者需要掌握一些核心知识点,下面将详细阐述这些关键点。 1. 图像处理库:...

    小程序剪切头像demo

    在微信小程序开发中,创建一个用户友好的头像剪切功能是常见的需求。"小程序剪切头像demo" 是一个专为此目的设计的项目,它利用了`we-cropper`框架来简化这一过程,使得开发者能够更快速、更直观地理解和实现这个...

    拍照 剪切 上传头像

    在Android应用开发中,"拍照、剪切、上传头像"是常见的功能需求,涉及到的主要知识点包括用户界面设计、图片处理、相机权限管理和网络上传。本文将深入探讨这些技术要点。 1. 用户界面设计: 创建一个简洁易用的...

    java上传剪切头像

    在Java和jQuery的世界里,创建一个用户上传并剪切头像的功能是一项常见的需求,尤其在社交网络、个人资料管理或在线社区应用中。这个例子提供了一个解决方案,允许用户选择一张图片,然后对其进行剪切,调整大小,...

    Android圆形头像剪切2.0,Android Studio版

    Android头像剪切,解决了上一版剪切结果偏移的问题。这里是Android Studio版,实现过程可到博客http://blog.csdn.net/qmln31821007/article/details/49995657中查看,博客中有Eclipse版demo下载

    仿微信头像剪切

    【仿微信头像剪切】是一种常见的图像处理技术,它主要模仿了微信应用程序中的头像裁剪功能,让用户能够按照自己的喜好和需求调整并裁剪图片,以制作出适合社交媒体平台如微信、微博等的理想头像。这个过程涉及到多个...

    Java 实现头像的剪切和上传功能

    在Java开发中,头像的剪切和上传功能是一项常见的需求,特别是在Web应用中,比如社交网络、用户注册等场景。本教程将详细介绍如何使用Java技术栈,结合jQuery ImgCrop库,来实现这一功能。 首先,我们需要理解头像...

    高仿微信头像剪切

    在Android开发领域,创建一个高仿微信头像剪切功能是一项常见的需求,它涉及到用户界面交互、图片处理以及自定义视图等技术。这个项目标题"高仿微信头像剪切"表明我们要实现的是一个与微信类似的功能,允许用户通过...

    头像剪切demo

    【头像剪切demo】是一个基于JavaScript实现的实用插件示例,主要目的是提供一种便捷的方式让用户能够裁剪上传的头像,以满足网站或应用中个性化头像的需求。在这个项目中,我们关注的重点是JavaScript技术及其在图像...

    html5上传图片拖动剪切头像截图插件代码

    总的来说,这个HTML5上传图片拖动剪切头像截图插件充分利用了HTML5的先进特性,为用户提供了一个方便且直观的头像编辑工具,无需复杂的后端处理,所有的操作都在客户端完成,提高了应用的响应速度和用户体验。

    flash 头像剪切

    在IT行业中,头像剪切是一项常见的图像处理任务,它涉及到图形用户界面设计、图像处理技术以及编程。这里我们关注的是使用Flash技术进行头像剪切的实现方法。Flash,作为一个曾经广泛应用于网页动画和交互设计的平台...

    jquery实现头像剪切

    在IT行业中,前端开发经常会遇到用户需要上传头像并进行个性化剪切的需求,这能提升用户体验,让网站或应用更具个性化。"jQuery实现头像剪切"是一个典型的前端交互功能,它结合了图像处理和用户交互,使得用户可以...

    onethink 头像剪切上传

    在Onethink系统中,用户头像的剪切上传是常见的功能之一,这涉及到前端图像处理技术和后端服务器的配合。下面,我们将深入探讨这一功能的实现原理和相关技术。 一、前端图像处理 1. 图像选择与预览:前端通常使用...

    微博falsh头像自定义剪切

    "微博Falsh头像自定义剪切"是一个功能,允许用户根据自己的喜好调整和定制头像,以展示独特的个性。这个功能通常包括多个编辑选项,如剪裁、缩放、反转以及调整亮度等。 1. **头像剪裁**:剪裁是定制头像的基本步骤...

    圆形头像剪切

    实现圆形头像剪切的技术主要包括图像处理和用户交互两部分。在前端开发中,我们通常会用到HTML5的Canvas API来实现这一功能。Canvas提供了一套强大的绘图工具,可以让我们在网页上动态地绘制和修改图像。通过Canvas...

Global site tag (gtag.js) - Google Analytics