`

AS3实现对图片进行任意形状裁剪的例子

阅读更多

原文地址: http://www.riahome.cn/?p=298

 

大家回顾一下那些可对图片进行加工的网站,或者那些提供编辑头像功能的网站(例如Discuz! ),都会有裁剪 功能的。不过裁剪形状大都是矩形,大概也会有圆形、椭圆形,不过比较少见。近几天,我一直在研究Fireworks上的一些编辑功能,例如对齐、分布、滤 镜…… 今天早上,不顺利地实现了可对图片进行任意形状裁剪的功能。不知道有没有先例,我还是研究出来了。功能函数的核心代码在15行左右,功能是实现出来了,但 算法不知道是不是最佳的。

        以下是一个例子,右键可以查看(下载)源代码。例子里的海报是我为工作室设计的招聘海报,有时间也请批判一下:)

效果演示点击这里
源码查看点击这里

分享到:
评论

相关推荐

    Matlab任意形状裁剪照片

    "Matlab任意形状裁剪照片" 是一个利用Matlab编程环境实现的程序,它允许用户根据自定义的形状来裁剪图像,不过裁剪后会在裁剪区域填充背景色。下面我们将深入探讨这个程序涉及的主要知识点。 1. **Matlab基础**: ...

    unity UGUI图片任意截取和裁剪

    使用ugui对图片进行任意角度,大小,缩放,以及任意位置进行截取和裁剪,还可以设置圆角或者矩形方式操作

    iOS Swift图片任意比例裁剪算法

    在iOS开发中,Swift语言为开发者提供了丰富的工具和库来处理图像操作,其中包括图片的任意比例裁剪。本文将深入探讨如何使用Swift实现这一功能,同时提供一个名为`cropdemo`的示例代码来帮助理解。 首先,我们需要...

    裁剪任意大小图片

    在许多应用程序和系统中,用户往往需要对图片进行裁剪,以适应不同的展示需求或满足个性化定制。"裁剪任意大小图片"这一功能,就是针对这样的需求而设计的。下面将详细阐述这一功能的实现原理、应用场景以及相关技术...

    jQuery实现的对上传图片进行裁剪插件

    这个“jQuery实现的对上传图片进行裁剪插件”就是为了满足这样的需求而设计的。下面将详细阐述这个插件的工作原理、功能特性以及使用方法。 首先,该插件基于JavaScript库jQuery构建,它允许开发者在客户端(用户的...

    VB裁剪图片

    在VB(Visual Basic)编程环境中,我们可以利用GDI+(Graphics Device Interface Plus)库来实现图片的裁剪功能。GDI+是.NET框架的一部分,它提供了丰富的图形处理能力,包括绘制、旋转、缩放和裁剪图像等。下面将...

    C# 像PS一样裁剪原图片,鼠标拖动裁剪图片

    在这个特定的项目中,我们关注的是如何实现“像PS一样裁剪原图片”,即在C#环境中模仿Photoshop的裁剪功能,允许用户通过鼠标拖动来裁剪图片。这涉及到图像的选取、坐标计算、缩放以及纠偏、亮度和对比度调整等技术...

    QT实现头像图片剪切框

    5. **图片裁剪**:在用户确定剪切区域后,需要对原始图片进行裁剪。QT提供了QImage类,可以通过其crop()函数实现这一功能。根据用户定义的剪切框矩形,我们可以裁剪出对应的图像部分。 6. **界面设计**:为了使用户...

    php+h5+canvas+jcrop 实现网页上传图片并对原图等比缩放后进行裁剪

    本例使用php+h5+canvas+jcrop 实现网页上传图片并对原图等比缩放后进行裁剪。实现过程:在HTML中对图片进行上传,在图片文件还未上传至服务器仍停留在form表单时,对该文件进行处理,在此过程中先获取原图的64位base...

    Android代码-安卓上实现图片裁剪

    在Android平台上,开发一款应用程序以实现图片裁剪功能是一项常见的任务。这个名为"AndroidPhotoClip"的项目专门针对这一需求提供了解决方案,它允许用户自定义裁剪的分辨率,并且还支持特殊的圆形裁剪效果,非常...

    C#winform图片裁剪

    在本文中,我们将深入探讨如何使用C# WinForm来实现一个简单而实用的图片裁剪功能。C#是一种面向对象的编程语言,广泛应用于Windows桌面应用程序开发,而WinForm是.NET Framework提供的一种用户界面(UI)框架。我们...

    C# WPF实现的图片处理小工具,可进行图片裁剪、缩放、涂鸦、旋转、查看图片信息、保存

    要实现图片裁剪功能,我们可以利用WPF的`Image`控件结合`Rectangle`或`Adorner`来定义裁剪区域。用户可以通过拖动矩形边角来调整裁剪区域,然后利用`BitmapSource`的`Crop`方法来裁剪图片。裁剪后的结果可以实时显示...

    任意角度旋转_放大_缩小裁剪图片.zip

    总结,"任意角度旋转_放大_缩小裁剪图片.zip"提供的工具集可以帮助开发者在H5项目中实现丰富的图片交互功能,提供更好的用户体验。理解和掌握这些技术对于H5开发者来说至关重要,因为它们是构建动态和互动网页的关键...

    Android图片裁剪----移动、缩放图片进行裁剪

    1. 创建一个ImageView或自定义View,将其ScaleType设置为Matrix,这样我们可以直接对Matrix进行操作来改变图片的位置。 2. 使用Matrix的setTranslate方法来移动图片。该方法接受两个参数,分别代表X轴和Y轴上的偏移...

    java实现图片的裁剪

    使用java代码,实现图片的裁剪,可以将图片按照要求进行裁剪。

    flash AS3上传预览图片

    4. **图片处理**:为了适应不同的屏幕尺寸和布局,可能需要对图片进行缩放或裁剪。AS3提供了强大的图像处理功能,如BitmapData的draw()方法可以用于绘制和缩放图像。 5. **安全限制**:由于浏览器的安全策略,Flash...

    用开源项目Cropper实现对图片的裁剪

    它基于HTML5的Canvas元素,通过Canvas的绘图和图像处理功能,实现对图片的自由裁剪。用户可以通过鼠标或触摸操作选择裁剪区域,然后由Cropper生成裁剪后的图像数据。Cropper支持响应式布局,可以适应各种屏幕尺寸,...

    HTML5 实现本地图片裁剪

    在“HTML5 实现本地图片裁剪”这个主题中,我们将深入探讨如何利用 HTML5 的 canvas 元素和 File API 来实现在本地浏览器环境中对图片进行裁剪操作。 首先,HTML5 的 `<canvas>` 元素是一个可编程的图形画布,允许...

    cropper+layui实现图片裁剪、旋转、放大缩小后上传

    在IT行业中,图片处理是一项常见的需求,特别是在网页和应用程序中,用户往往需要对图片进行裁剪、旋转或缩放等操作。"cropper+layui"的结合应用正是为了解决这类问题,它允许用户在前端方便地进行图像编辑,并将...

Global site tag (gtag.js) - Google Analytics