基於 CSS 的 ASCII 藝術

來源:互聯網
上載者:User

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

本文素材來自:http://www.romancortes.com/blog/tag/css/
由 COMSHARP CMS 官方網站編譯

相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.