09 2011 档案

使用HTML5 Canvas实现马赛克拼图
摘要：使用HTML5 Canvas绘图来实现马赛克拼图，即由上千张小的方形图拼成一张人脸的大图。下图显示了由上千张头像拼成的章子怡的脸： 使用Canvas创建了两个重叠的图层：底层用来显示小的方形图，上层用来显示大的人脸图。通过改变上层人脸图的透明度，就能实现如上图所示的马赛克拼图效果。 具体的实现代码如下： 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>图像马赛克</title> 5 <style type="text/css"> 6 #small { 7 ... 阅读全文
posted @ 2011-09-22 19:50 程见航 阅读(2213) 评论(2) 推荐(0)