基于Web的图像编辑实现方案(上)

本文探讨了在Web上实现图像编辑的不同方案,包括插件和非插件方式。作者提出了一种结合静态脚本、无刷新回调、GDI+和反射机制的实现方案,允许在不安装插件的情况下提供类似Photoshop的编辑体验。通过JavaScript绘制图像点集,使用ICallbackEventHandler接口进行无刷新回调,服务器端利用GDI+处理图像,实现高效编辑。
摘要由CSDN通过智能技术生成
基于 Web 的图像编辑实现方案(上)
Web应用是飞速发展的网络时代的主角,软件的Web化不仅仅是使得可移动性变得更强,更重要的是增加了用户之间更深入的协作和交互的可能性。应用的操作可以发生在本机或网络上。在Web上目前实现的应用很多,特别是Google推出的Web软件产品比较引人注目,甚至Adobe首席执行官布鲁斯在3月份就宣称要推出可托管的在线PhotoShop版本!
那么如何在Web实现比较流畅的图像编辑,实现的方案有很多,但是基本可以分为两大类:插件方式、非插件方式。插件方式实现的方法比较常见,例如采用Flash插件或Java Applet或其它自行开发的图形处理插件等,甚至包括微软目前正在大力推广可以与Flash挑战的新兴技术SilverLight技术。目前比较成熟的是Flash方式,也有很多的涂鸦网站正在使用该技术,而几乎可以和PhotoShop相提并论的fauxto、fototool等更是登峰造极之作。非插件的方式目前还比较少,有些是纯粹基于客户端静态脚本来 实现的,所编辑的图像只是一种伪图像,例如可能是很多点的集合,比较高级的发展到用动态语言来实现,例如用 ASP PHP 等,这种技术目前也比较成熟(例如基于 GD I mageMagick ),国内也有类似的网站实现了ASP版的图像在线处理。那么在发展到.Net时代后有没有更好的解决方案呢?下面我们先来比较下上面提到的几种方案。
功能
插件
静态非插件
动态非插件(无.Net
需要下载 /安装插件
需要
不需要
不需要
支持多种图像格式
不方便
不支持
可以支持
支持文字输入/特效字体
Pixie Image Editor 在线图片编辑文版 功能 集成 - 轻松将pixie集成到任何现有项目或应用程序。 可扩展 - Pixie接口和API可以使用新功能进行扩展。 移动 - Pixie拥有完整的移动支持,并可自动调整其界面以适应任何设备的大小。 可自定义的UI - 通过显示,隐藏或添加新菜单项,更改工具栏位置或使用不同的主题来自定义UI。 可翻译 - Pixie的界面可通过配置完全翻译。 水印 - 保存的照片可以使用指定的文本轻松加水印。 模式 - 在叠加(模态),内联或全屏模式之间进行选择。 工具API - 通过API使用所有精灵工具(调整大小,裁剪,框架等),而无需打开精灵界面。 可自定义的工具 - 所有工具都可完全自定义,您可以删除或修改和添加自定义贴纸,形状,字体,框架等。 状态 - 以json格式保存当前编辑器状态,允许使用预构建模板等功能。 照片处理 - 通过界面或API调整大小,裁剪,转换等。 滤镜 - Pixie配有许多内置滤镜,如灰度,模糊,黑白,复古等。可以通过API添加更多过滤器.. 框架 - 为任何大小的照片添加内置响应帧或添加自己的帧。 裁剪 - 将照片裁剪为指定宽高比之一,或让用户通过UI选择自定义裁剪区域。 绘图 - 功能强大的免费绘图工具支持鼠标和触摸,具有多种画笔类型,颜色等。 文本 - 完全支持向图像添加文本。可以使用数百种谷歌字体或仅使用自定义添加的字体。 形状 - 只需指定svg图像路径,即可轻松添加自定义形状。 贴纸 - 可以添加或删除自定义贴纸。任何类型的图像都可以用作贴纸。 角落 - 只需单击一下或API调用即可对图像角进行四舍五入。 空画布 - Pixie不必编辑现有照片,也可以从头开始轻松创建自定义图像。 历史记录 - 所有编辑器操作都是非破坏性的,可以通过历史记录工具轻松撤消和重做。 对象 - 所有对象(如贴纸,形状和文本)都在自己的图层上,可以通过更改颜色,添加阴影,背景等来轻松移动,调整大小,删除和修改。 图案和渐变 - 所有对象都可以使用许多内置或自定义图案和渐变填充。 保存 - 修改后的图像可以通过API或接口轻松保存在本地设备或服务器上。 缩放和平移 - 可以使用鼠标,鼠标滚轮或移动设备上的触摸和捏合手势来缩放和平移画布。 HTML5 - Pixie使用原生HTML5,这意味着它可以在每个设备上运行。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值