CSS3 制作旋转的大风车
发一个很久以前的作品，当开始得知CSS3可以做动画时，就很想玩玩，于是就做了个充满童年回忆的大风车。 HTML： 实现过程：首先来一个容器里面四个风扇、 一个中心点 结构很简单，使用绝对分别定好位。然后再使用border-radius把风扇矩形变成半圆，形状就有了，再分 ...
原文：HTML5 canvas制作童年的回忆大风车
今天看到一篇CSS 写的大风车http: www.cnblogs.com yaojaa archive .html，感觉CSS 太神奇了，这在以前用CSS是想都不敢想的。记得去年自己用canvas也写过这样的大风车，今天我打算用canvas制作一个一模一样的，连速度都一致的大风车。 大家请看下面两张图，你们看得出这两张图有什么区别吗 哪张是CSS 写的哪张是canvas写的 下面就来介绍制作风车 ...
2014-04-20 16:38 0 2304 推荐指数：
相关推荐
css3+div画大风车
了的，哈哈哈哈不开玩笑啦。 下面呢我们来看看到底画了个怎样的大风车呢，嘻嘻，其实这也不是小颖 ...
html5 canvas制作刮刮卡
下班后，闲着无事，刚好近期在学习画布相关知识，就写了个刮刮卡的demo练一下手，兼容安卓、IOS哦。高手路过，多多指点！ 刮刮卡实现原理： 通过canvas绘制一个图片，用户手指触发屏幕时，刮开当前一部分封面图，从而显示正文中的内容。整体运用canvas ...
HTML5+CSS3实现的小风车-转动的童年
还在用IE8及其以下版本浏览器的童鞋们就不要尝试了。 <!DOCTYPE HTML> <html> <head> <style type="text/css"> #windmill{ width:160px; height:160px ...
HTML5 Canvas制作雷达图实战
雷达图又叫蜘蛛网图，是一种对各项数据查看很明显的表现图，在很多游戏中，对游戏中的每个角色的分析图一般也用这种图。 下面，用HTML5的Cavas来实现雷达图。 效果 一、创建Canvas var mW = 400; var mH = 400; var mCtx = null ...
html5 canvas-笑脸制作
效果： HTML代码为： JS代码为： ...
用python画出你的童年回忆
用python画出你的童年回忆 又到一年一度的国际儿童节，作为逢节必过的程序猿，怎么可以放过这个学习技能的机会呢？ 于是，今天我们来学习python的turtle库绘制童年的卡通人物，一起做回年轻的那个少年。 一、Turtle图形库简介 Turtle库，又称海龟库，是Python语言 ...
HTML5标签canvas制作平面图
摘要： HTML5规范已经完成了，互联网上已经有数不清的站点使用了HTML5。从现在开始研究HTML5，本文是自己在学习canvas过程中的记录，以备后需。 历史： 这个 HTML 元素是为了客户端矢量图形而设计的。它自己没有行为，但却把一个绘图 API 展现给客户端 ...