jQuery的在线图片涂鸦插件wPaint.js,可在线在图片上涂鸦然后保存。基于html5画布实现。

Pixie Image Editor 在线图片编辑器 中文版 功能 集成 - 轻松将pixie集成到任何现有项目或应用程序中。 可扩展 - Pixie接口和API可以使用新功能进行扩展。 移动 - Pixie拥有完整的移动支持，并可自动调整其界面以适应任何设备的大小。 可自定义的UI - 通过显示，隐藏或添加新菜单项，更改工具栏位置或使用不同的主题来自定义UI。 可翻译 - Pixie的界面可通过配置完全翻译。 水印 - 保存的照片可以使用指定的文本轻松加水印。 模式 - 在叠加（模态），内联或全屏模式之间进行选择。 工具API - 通过API使用所有精灵工具（调整大小，裁剪，框架等），而无需打开精灵界面。 可自定义的工具 - 所有工具都可完全自定义，您可以删除或修改和添加自定义贴纸，形状，字体，框架等。 状态 - 以json格式保存当前编辑器状态，允许使用预构建模板等功能。 照片处理 - 通过界面或API调整大小，裁剪，转换等。 滤镜 - Pixie配有许多内置滤镜，如灰度，模糊，黑白，复古等。可以通过API添加更多过滤器.. 框架 - 为任何大小的照片添加内置响应帧或添加自己的帧。 裁剪 - 将照片裁剪为指定宽高比之一，或让用户通过UI选择自定义裁剪区域。 绘图 - 功能强大的免费绘图工具支持鼠标和触摸，具有多种画笔类型，颜色等。 文本 - 完全支持向图像添加文本。可以使用数百种谷歌字体或仅使用自定义添加的字体。 形状 - 只需指定svg图像路径，即可轻松添加自定义形状。 贴纸 - 可以添加或删除自定义贴纸。任何类型的图像都可以用作贴纸。 角落 - 只需单击一下或API调用即可对图像角进行四舍五入。 空画布 - Pixie不必编辑现有照片，也可以从头开始轻松创建自定义图像。 历史记录 - 所有编辑器操作都是非破坏性的，可以通过历史记录工具轻松撤消和重做。 对象 - 所有对象（如贴纸，形状和文本）都在自己的图层上，可以通过更改颜色，添加阴影，背景等来轻松移动，调整大小，删除和修改。 图案和渐变 - 所有对象都可以使用许多内置或自定义图案和渐变填充。 保存 - 修改后的图像可以通过API或接口轻松保存在本地设备或服务器上。 缩放和平移 - 可以使用鼠标，鼠标滚轮或移动设备上的触摸和捏合手势来缩放和平移画布。 HTML5 - Pixie使用原生HTML5，这意味着它可以在每个设备上运行。

在线图片裁剪ASP+ＪＳ版，东拼西凑的搞了这个东西，希望能对朋友们有些帮助 这里需要声明一下： 首先js是不能操作客户端文件的（除非特殊情况），所以图片的切割必须在后台处理，对于客户端的图片可以先上传再切割或者把图片和切割参数一起传递到服务器再处理（上传文件采用ASPUpload组件，请自行修改）； 还有是通过客户端传递的参数来处理图片，确实能得到展示图或预览图的效果（这是针对有些提出在后台处理的图片得不到预览图的效果来说的），下面会举例说明如何生成展示图那样的图片。

本文参考UCenter中上传头像功能的剥离php版本，陆续实现了java版本和.net版本的。 具体介绍如下（以php为例，其他版本见源码） 本文的内容仅供技术交流学习之用，相关的代码并未考虑实际应用系统中所必需的用户身份验证等功能，同时由于 UCenter 发行许可的限制，请勿将本文附带的代码直接用于实际的产品或项目中。 Discuz! 和 UCHome 中的头像上传功能很好用，大概有不少人和我一样想弄清楚它是怎么实现的，甚至希望移植到自己的应用系统中。 这个功能其实是在 UCenter 中实现的（这是 Discuz! 和 UCHome 等其它相关产品都依赖的公共模块），通过一个 Flash 文件（camera.swf），跟服务端的 PHP 程序配合完成的。 UCenter/UCHome 本身是开源的，但那个 camera.swf 并没有提供源代码。我们可以通过对 PHP 程序进行分析研究，进而基本摸清这个功能操作的细节，并最终将其剥离出来，独立于 UCenter 而独立运行。本文内容依据的是 UCenter1.5.0/UCHome2.0 。 首先我们来看一下 UCenter/UCHome 中这个功能是怎么工作的。 ■ 基本步骤 0. 浏览器访问 UCHome 中的一个 web 页面，其中包含 camera.swf。为保证 camera.swf 能正常工作，在其相同的路径下需要有 locale.xml 文件。 装载 camera.swf 的 HTML 代码可以由下面的程序生成： home\uc_client\client.php : uc_avatar() 生成的内容大致如下：