HTML5图片上传与编辑滤镜调色效果
HTML5 上传图片、编辑、滤镜和调色效果,听起来是不是挺酷?其实实现起来也没有那么复杂。通过元素,你可以轻松让用户上传本地图片。用 JavaScript 的
FileReader
方法读取文件,并且显示在页面上,就可以用Canvas
元素来做一些有趣的图片编辑工作。比如,通过getImageData()
和putImageData()
,你可以给图片加上灰度滤镜,或者通过 CSS3 的filter
属性来做一些效果,如模糊、亮度调整等。调色方面,可以利用 HSL 色彩模型来调整图片的整体色调,轻松搞定。,HTML5 结合 Canvas 和 JavaScript,可以让你制作灵活的在线图片编辑工具。而且,还可以通过压缩包里的代码示例你快速上手。
下载地址
用户评论