在JavaScript中创建/修改图像

Question

是否可以在JavaScript(客户端)上按像素级别动态创建和修改图像？或者这是基于服务器的语言,如PHP吗？

我的用例如下:

• 用户打开网页并加载本地存储的图像
• 显示图像的预览
• 用户可以使用一组滑块修改图像(像素级操作)
• 最后,他可以将图像下载到他的本地硬盘

在网上搜索时,我刚发现有关使用IE过滤方法的帖子,但没有找到任何有关JavaScript中图像编辑功能的信息.

Answer 1

一些浏览器支持画布:http: //developer.mozilla.org/En/Drawing_Graphics_with_Canvas

Answer 2

这必须在服务器端完成。您可能会考虑做的一件事是允许所有编辑在客户端进行，然后最后将最终图像（通过 AJAX）发布到服务器，以允许它以正确的 MIME 类型和正确的方式将其返回给您打包。