Hi, I’m Adam Lu.

pixidou—一个简单的开源Ajax图片编辑器(基于PHP和YUI2)

Asvin Balloo开发了一个基于Web的简单图片编辑器pixidou，这里是demo，以及在Github的源码。

对于图片的处理主要是通过一个class.upload.php这个类，而前端则主要是利用了YUI的各个组件，可以说对YUI使用地比较全面。

* reset-fonts.css - for all resetting, style information
* utilities - for all AJAX, animation, drag drop, event handling stuff
* container - for all panels, dialogs, alerts
* menu - for the top navigation menu together with the submenus
* button - provides nice buttons
* slider - for adjusting contrast and brightness
* color picker - to choose the color to tint the image
* resize - to resize the image
* image cropper - image cropping utility
* json - to parse all JSON data returned from PHP scripts
* layout - the general layout
* tabview - for the about information

而我比较欣赏的这个项目的分层设计，它的JS代码
file     app.js     November 01, 2008     Pixidou Initial Entry [asvinb]
file     keys.js     November 01, 2008     Pixidou Initial Entry [asvinb]
file     layout.js     November 01, 2008     Pixidou Initial Entry [asvinb]
file     pixidou.js     November 01, 2008     Pixidou Initial Entry [asvinb]
file     ui.js     November 01, 2008     Pixidou Initial Entry [asvinb]
file     uploader.js     November 01, 2008     Pixidou Initial Entry [asvinb]

app.js 整个编辑器对于菜单的监听
keys.js 键盘控制
layout.js 页面规划，如加入底部，对窗口改变的处理
pixidou.js 编辑器主要逻辑处理
ui.js 用户界面处理，如loading panel，upload form, menu bar, zoom处理等
uploader.js 上传操作