本文介绍如何利用HTML5的canvas将图片转换成字符画。通过获取图片像素点的灰度值，结合字符映射，创建出与原图尺寸一致的字符画效果。代码实现中涉及到canvas的getImageData方法以及灰度值计算。完整示例可在提供的链接中查看。
字符画大家一定非常熟悉了，那么如何把一张现有的图片转成字符画呢？ HTML5 让这个可能变成了现实，通过 canvas，可以很轻松实现这个功能。
其实原理很简单：扫描图片相应位置的像素点，再计算出其灰度值，根据灰度值的大小，分别用字符 #*+“ 和空格来填充。
下面是源码：
HTML：一个 canvas 元素 #cv，一个字符画容器 #txt。
<canvas id="cv">fuck ie</canvas>
<div id="txt"></div>css：由于每一行用
最低0.47元/天 解锁文章
扫一扫
526
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
