Div画的机器猫图形源码,一共用了2010个div,今年是2010年嘛,用到的技术为 JavaScript+HTML4+CSS2 ,在目前几乎所有主流浏览中都能有一致的显示。

有DrJs作基础,用div在网页上堆图像就简单多了,比如说用它来画一个机器猫。应该说,机器猫是一个非常适合用程序来画的形象,因为它主要由圆(包括椭圆、圆弧)、简单的多边形以及直线组成。具体的绘制过程就不详述了,简单来说就是使用 DrJs 在指定的地方做画圆画线等操作,最后组成一个机器猫的形象。

这个机器猫的形象很简单,有点象素画的风格,而且没有阴影,除了鼻子外也没有高光,看起来没有立体感。虽然我可以继续添加细节,为它加上阴影、高光,让它看起来更加生动,但即使是现在这么一个简单的形象,也使用了2010个div才堆出来,要继续细化下去需要更多的div。

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。