js实现编辑用户头像

目前很多网站都允许用户上传自己的图像，而编辑工具多为flash来实现，而我用javascript来实现，功能包括预览、缩放以及拖动等。前段用html，css加js，后端使用ImageMagicK来进行图片处理，为了方便运行deom程序，里面上传文件以及最终的图片裁减是用jsp来实现的，当然可以使用别的，以前曾经使用php来完成这两个功能，如果真正在java项目中，实现起来更加容易（因为本人一直从事java开发，呵呵）。不多说了，看效果图。如果想要运行demo的话，请把压缩包useravtar.rar,解压到tomcat_home/webapps下，启动tomcat即可，请不要修改应用的名称及useravtar，如果必须修改的，请同时修改avtar.js中定义的变量appName是其保持一致,启动tomcat，输入http://localhost:port/useravtar，应该就可以看到结果了。
哦，对了，需要装ImagemagicK这个软件，看看你们系统是否安装了！

[img]http://dl.iteye.com/upload/attachment/196554/d3128755-86c6-398b-b147-03b969db3420.png[/img]
[img]http://dl.iteye.com/upload/attachment/196568/a484e141-4fea-3d7e-97a5-5b86464c57aa.png[/img]
[img]http://dl.iteye.com/upload/attachment/196558/634b77ee-3647-3a99-805d-d98c389e04cb.png[/img]