字符画大家一定非常熟悉了,那么如何把一张现有的图片转成字符画呢? HTML5 让这个可能变成了现实,通过 canvas,可以很轻松实现这个功能。
其实原理很简单:扫描图片相应位置的像素点,再计算出其灰度值,根据灰度值的大小,分别用字符 #*+“
和空格来填充。
下面是源码:
HTML:一个 canvas
元素 #cv
,一个字符画容器 #txt
。
<canvas id="cv">fuck ie</canvas>
<div id="txt"></div>
css:由于每一行用