在浏览器中的效果图：

代码如下：



主要练习下用javascript在canvas画画，至于能不能画的好看，可能看美术细菌，嘿嘿。10分钟搞定
												


											
canvas，画个纸飞机的更多相关文章
	

    
						
  1. 使用javascript和canvas画月半弯
		
    使用javascript和canvas画月半弯,月半弯好浪漫!浏览器须支持html5 查看效果:http://keleyi.com/a/bjad/8xqdm0r2.htm 以下是代码: <!do ...
    
		
    2. 
						
  2. canvas 画圈 demo
		
    html代码: <canvas id="clickCanvas2"  width="180" height="180" data-to ...
    
		
    3. 
						
  3. 踩个猴尾不容易啊  Canvas画个猴子
		
    踩个猴尾不容易啊  Canvas画个猴子 <!DOCTYPE html> <html> <head> <meta charset="UTF-8&qu ...
    
		
    4. 
						
  4. canvas画随机闪烁的星星
		
    canvas画一颗星星: 规则的星星有内切圆和外切圆,每两个点之间的角度是固定的,因此可得到星星的每个点的坐标,画出星星. function drawStars(x,y,radius1,radius2 ...
    
		
    5. 
						
  5. canvas画时钟
		
    <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http ...
    
		
    6. 
						
  6. Canvas画椭圆的方法
		
    虽然标题是画椭圆,但是我们先来说说Canvas中的圆 相信大家对于Canvas画圆都不陌生   oGC.arc(400, 300, 100, 0, 2*Math.PI, false); 如上所示,直接 ...
    
		
    7. 
						
  7. 深夜，用canvas画一个时钟
		
    深夜,用canvas画一个时钟 查看demo 这几天准备阿里巴巴的笔试,可以说已经是心力交瘁,自从阿里和蘑菇街的内推被刷掉之后,开始越来越怀疑起自己的能力来,虽然这点打击应该是微不足道的.毕竟校招在刚 ...
    
		
    8. 
						
  8. 樱花的季节，教大家用canvas画出飞舞的樱花树
		
    又到了樱花的季节,教大家使用canvas画出飞舞的樱花树效果. 废话少说,先看效果. 演示效果地址:http://suohb.com/work/tree4.htm 查看演示效果 第一步,我们先画出一棵 ...
    
		
    9. 
						
  9. HTML5之Canvas画圆形
		
    HTML5之Canvas画圆形 1.设计源码 <!DOCTYPE html> <head> <meta charset="utf-8" /> & ...
    
		
    10. 
						
  10. HTML5之Canvas画正方形
		
    HTML5之Canvas画正方形 1.设计源码 <!DOCTYPE html> <head> <meta charset="utf-8" />  ...
    
		
    11. 
		

	


随机推荐
	

    
									
  1. vim 标记 mark 详解  （转载）
			
    http://www.cnblogs.com/jianyungsun/archive/2011/02/14/1954057.html Vim 允许你在文本中放置自定义的标记.命令 "ma&q ...
    
			
    2. 
						
  2. CSS中定位机制的想法
			
    对于一个刚刚接触css的新手而言,CSS的定位机制可能是最让人头疼的一件事情了, 接下来我们了解一下CSS的定位机制. position:static | relative | absolute |  ...
    
			
    3. 
						
  3. centos从日志文件查找关键字的日志并生成文件
			
    grep "unset user wechat user_id:" app* | tee wechat_log
    
			
    4. 
						
  4. 自定义View（三）实现简单的可拖动、可缩放的ImageView
			
    实现技术主要用到1.多点触摸  2.matrix的矩阵,平移.缩放 根据手指的数量判断是进行的拖动.还是缩放动作 package com.bi.xintest; import android.cont ...
    
			
    5. 
						
  5. WCF use ProtoBuf
			
    ProtoBuf, 比起xml和json, 传输的数据里面没有自描述标签, 而且是基于二进制的, 所以有着超高的传输效率, 据牛人张善友的描述, 可以替代WCF的自带的编码方案, 效率有极大的提升.  ...
    
			
    6. 
						
  6. Phabricator部署手册
			
    参考:https://secure.phabricator.com/book/phabricator/article/installation_guide/ 概述 phabricator,由faceb ...
    
			
    7. 
						
  7. TCP/IP详解系列 --- 概念总结02
			
    TCP复位报文段(RST)的用途: 1.当客户端程序访问不存在的端口时,目标主机将给它发送一个复位报文段:收到复位报文段的一端应该关闭连接或者重新连接,而不能回应这个复位报文段. 2.当客户端程序向服 ...
    
			
    8. 
						
  8. 漫谈Linux内核哈希表(1)
			
    关于哈希表,在内核里设计两个很重要的数据结构:    哈希链表节点: 点击(此处)折叠或打开 .x [include/linux/types.h]*/ struct hlist_node { stru ...
    
			
    9. 
						
  9. PHP函数的实现原理及性能分析
			
    前言 在任何语言中,函数都是最基本的组成单元.对于php的函数,它具有哪些特点?函数调用是怎么实现的?php函数的性能如何,有什么使用建议?本文将从原理出发进行分析结合实际的性能测试尝试对这些问题进行 ...
    
			
    10. 
						
  10. python操作系统环境变量
			
    获取整个系统变量的方法是os.environ,这是一个os的class类型,使用的时候可以转换为字典类型 environ_value = dict(os.environ) 这样就可以看所有的key,e ...
    
			
    11.