用JavaScript创建/修改图像

用JavaScript创建/修改图像

Creating/modifying images in JavaScript

是否可以在JavaScript(客户端)上按像素级别动态创建和修改图像?还是使用基于服务器的语言(例如PHP)来完成此操作?

我的用例如下:

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

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


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


您可能想签出Processing.js。 jQuery成名的John Resig编写了它。它支持像素处理,不幸的是只有Firefox 3才能充分处理它。


还要查看数据URI(不幸的是,低于8的IE版本不支持它们!)


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


应该可以在JavaScript中进行本地图像操作-查看Favicon的Defender。 ;-)问题是如何将原始图像从文件系统获取到您的页面中(除了先将HTTP上传到服务器外,我不知道其他任何方法)。


尝试Allicorn的Image Retargetter-听起来就是您要寻找的。


您可以想象出一组JS工具,这些工具将允许用户定义他要执行的转换类型,但是转换的最后工作必须在服务器端完成。出于安全原因,客户端JS无法创建文件。


推荐阅读

    linux操作数据库命令?

    linux操作数据库命令?,地址,服务,系统,密码,数据库,工具,名字,首页,命令,参

    linux注销命令用户?

    linux注销命令用户?,系统,服务,密码,地址,工作,命令,状态,工具,信息,基础,lin

    linux操作常用命令?

    linux操作常用命令?,工作,系统,地址,信息,命令,目录,管理,标准,基础,工具,lin

    修改时间命令linux?

    修改时间命令linux?,时间,系统,命令,大陆,国家,信息,时区,终端,时分,日期,如

    linux操作命令重命名?

    linux操作命令重命名?,图片,软件,名称,名字,文件,命令,状态,代码,工具,系统,L

    linux命令所有用户?

    linux命令所有用户?,系统,密码,信息,情况,名称,命令,用户,时间,地址,位置,如

    linux命令进入用户?

    linux命令进入用户?,系统,密码,用户,地址,信息,软件,命令,用户名,联系方式,

    linux命令用户管理?

    linux命令用户管理?,系统,密码,管理,工作,信息,地址,工具,命令,用户,基础,LIn

    linux用户与组的命令?

    linux用户与组的命令?,管理,系统,名称,用户组,密码,用户,命令,情况,信息,单

    linux添加用户的命令?

    linux添加用户的命令?,密码,系统,软件,联系方式,用户,新增,信息,管理人员,

    linux中路径修改命令?

    linux中路径修改命令?,系统,命令,首次,工作,名称,目录,文件,环境变量,路径,

    linux目录操作命令d?

    linux目录操作命令d?,工作,系统,信息,命令,情况,基础,数据,名称,地址,目录,li

    linux用户退出的命令?

    linux用户退出的命令?,系统,密码,命令,用户,发行,电脑,第三,地址,软件,信息,l

    linux看系统用户命令?

    linux看系统用户命令?,系统,信息,密码,命令,服务,名称,网络,情况,软件,工具,L

    linux修改脚本的命令?

    linux修改脚本的命令?,系统,密码,服务,工作,工具,环境,信息,百度,代码,脚本,

    linux赋权用户命令?

    linux赋权用户命令?,系统,密码,用户,权限,地址,状态,数字,软件,管理,电脑,Lin

    linux初学者操作命令?

    linux初学者操作命令?,工作,系统,信息,命令,网络,地址,单位,位置,管理,数据,L

    linux操作命令远程?

    linux操作命令远程?,软件,密码,系统,名称,图片,电脑,地址,网站,工具,服务,如

    linux操作命令实验一?

    linux操作命令实验一?,系统,基础,设备,西安,概念,软件,电脑,技术,管理,分析,