在JavaScript中创建/修改图像

时间:2008-09-17 08:03:31

标签: javascript image

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

我的用例如下:

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

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

7 个答案:

答案 0 :(得分:8)

答案 1 :(得分:2)

您可能需要查看Processing.js。 jQuery成名的John Resig写了这篇文章。它支持像素处理,遗憾的是只有Firefox 3可以充分处理它。

答案 2 :(得分:1)

这必须在服务器端完成。您可能要做的一件事是允许所有编辑在客户端进行,然后最后将最终图像POST(通过AJAX)发送到服务器,以允许它将其作为正确的MIME类型返回给您,并且正确包装。

答案 3 :(得分:1)

另请参阅data URIs(不幸的是,虽然低于8的IE版本不支持它们!)

答案 4 :(得分:0)

你可以设想一组JS工具,它们允许用户定义他想要做什么样的转换,但最终的转换工作必须在服务器端完成。出于安全原因,客户端上的JS无法创建文件。

答案 5 :(得分:0)

尝试Allicorn's Image Retargetter - 听起来就像是你正在寻找的东西。

答案 6 :(得分:0)

应该可以在JavaScript中进行局部图像处理 - 请查看Defender of the Favicon。 ;-)问题是如何将原始图像从文件系统中获取到您的页面中(我不知道除了先将HTTP上传到服务器之外的任何其他方式。)