2012年7月26日

canvas变幻线效果demo

摘要： 课下做的一个小练习，老师出的题目，运行起来效果挺好看的，大家可以把代码粘走看看效果：<!doctype html><html><head> <title>变幻线-by-@谢帅shawn</title> <meta charset='utf-8' /></head><body> <canvas height='560' width='1000' id='canvas'>您的浏览器不支持canvas！</canvas> 阅读全文

posted @ 2012-07-26 16:08 shawn.xie 阅读(1657) 评论(1) 推荐(0) 编辑

基于canvas图像处理的图片展示demo

摘要： 图片展示网页往往色彩繁杂，当一个网页上有多张图片的时候用户的注意力就很不容易集中，而且会造成网站整个色调风格的不可把控。能不能把所有的预览图变成灰度图片，等用户激活某张图片的时候再上色呢？以前，唯一的方法就是让美工做两张图，一张彩色一张黑白，费时费力。能不能让js对图片进行一些处理呢？幸运的是，canvas就提供了图片处理的方法。canvas+js可以让我们对图片进行像素级的操作，我们可以通过操作图像的像素实现各种图片处理效果,如模糊，马赛克，液化，调色等等。详细代码及注释如下：<!doctype html><html><head> <title> 阅读全文

posted @ 2012-07-26 16:00 shawn.xie 阅读(12729) 评论(8) 推荐(1) 编辑

导航

百度流量统计：