在浏览器中的效果图：

代码如下：



主要练习下用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. git 创建远程分支和删除 master 分支
			
    . . . . . 最近需要将不同的客户的代码分开管理,所以需要为这些代码分别创建分支. 目前版本库中分支结构如下: [yuhuashi@local:Project]$ git branch -a*  ...
    
			
    2. 
						
  2. 关于Intent的七大重要属性
			
    在Android 中,Intent用来封装两个Activity之间的调用意图,实现两个Activity之间的跳转,并传递信息. Intent的七大重要属性:ComponentName Action   ...
    
			
    3. 
						
  3. ギリギリ eye （优先队列）
			
    1.题目: [题目描述] A.D.1999,由坠落地球的"谜之战舰"带来的 Over Technology,揭示了人类历史和远 古文明之间的丝丝联系,促使人类终止彼此间的战争,一方 ...
    
			
    4. 
						
  4. windows10, 安装wamp无法启动服务的问题
			
    今天在另一台电脑上安装了wamp, 就是这个玩意 结果怎么也启动不起来, 上网上查了一下, 原因是有些windows10的系统上有安装IIS10, 这个也不知道是啥东西, 占用了80端口, 所以启动不 ...
    
			
    5. 
						
  5. python迭代器和生成器
			
    迭代器 #可以被netxt()函数调用不断返回一个值的对象成为迭代器:Iterator #迭代器是访问集合元素的一种方式,从集合第一个元素开始(用next()方法)访问就不能回退,便于循环遍历一些较大 ...
    
			
    6. 
						
  6. git更换仓库地址
			
    1.  从原始地址 clone 一份不包含 work copy的仓库: git clone --bare bitbucket_project_address 2. 在os china上创建同名项目.  ...
    
			
    7. 
						
  7. WPF 中使用MVVM模式后，找回ListBox中的ListBoxItem元素
			
    ListBoxItem lstitem = this.list.ItemContainerGenerator.ContainerFromItem(m) as ListBoxItem; 其中this.l ...
    
			
    8. 
						
  8. android studio怎么分享项目到Git@OSC托管
			
    鄙人初次发表,如有不妥之处,敬请批评指正 1,安装git. git下载地址:http://git-scm.com/downloads/ 2,在AS 的File->Settings->Ver ...
    
			
    9. 
						
  9. IP地址子网掩码主机地址网络号主机号
			
    (1)子网掩码1所对应的位为网络号位 而所对应的位为主机号位 IP地址+子网掩码=网络号: IP地址+子网掩码(反码)=主机号. (2)主机号中的m位被用来表示网络号了,也就是子网号,将0-255划分 ...
    
			
    10. 
						
  10. ReportViewer内存泄漏问题解决方案[上]
			
    做这个项目有点倒霉,快要验收的时候,发现微软ReportViewer控件的一个bug,导致我们的项目无法正常验收. 问题描叙:用ReportViewer本地模式做的报表,在ASP.NET页面中呈现.在 ...
    
			
    11.