基于 CSS 的 ASCII 艺术

ASCII 艺术是一种使用计算机可打印字符(一般为ASCII码中的96个可打印字符)表现图形的一种技术,传统的 ASCII 艺术基于 HTML 代码,然而由于不同浏览器的差别,在一种浏览器下可以完美显示的 ASCII 艺术,到了别的浏览器就面目全非,Web2.0 时代,应该多在 CSS 上做文章,因为目前主流浏览器对 CSS 的支持都非常一致,使用 CSS 实现 ASCII 艺术可以更好地保持不同浏览器间的兼容。

下面这个图很难想象是用 ASCII 艺术做出来的,当然为了简便,我使用的是图片,原始 ASCII 艺术版可在这里看到。

jpeg2css 是一个非常有趣的程序,你提供一副黑白的 JPG 图片给它,几秒种之内,可以为你生成一个 HTML 网页文件,你可以在该网页上看到和源 JPG 图片几乎一模一样的 ASCII 艺术图形,而且是基于 CSS 的,你不用担心该 ASCII 艺术在不同浏览器间的兼容问题。

更多基于 CSS 的 ASCII 艺术 (CSS 原始版可以在这里看到)

jpeg2css 下载地址:
http://www.romancortes.com/ficheros/jpeg2css.zip

发布者

Knight

Cast a cold Eye On Life,on Death Knight,pass by!

《基于 CSS 的 ASCII 艺术》上有53条评论

  1. Came in expecting another generic take and got something with actual character instead, and a look at visionforward carried that personality forward, finding a distinct voice on a saturated topic is impressive and worth pointing out when it happens because most sites end up sounding identical to their nearest competitors quickly.

  2. Now feeling the post has earned a proper recommendation rather than a casual mention, and a stop at momentumflow reinforced the recommendation strength, the difference between mentioning and recommending is a small editorial distinction I observe in my own conversations and this site has earned the upgraded recommendation level from me confidently today.

  3. During my morning reading slot this fit perfectly into the routine, and a look at navisbond extended that perfect fit into the rest of the routine, content that matches the rhythm of how I actually read rather than demanding accommodation from my schedule is content well calibrated to its likely audience and this site has it.

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注