在浏览器中的效果图：

代码如下：



主要练习下用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. 调用JavaScript
			
    当webdriver 遇到没法完成的操作时,笔者可以考虑借用JavaScript 来完成,比下下面的例子,通过JavaScript 来隐藏页面上的元素.除了完成webdriver 无法完成的操作,如果 ...
    
			
    2. 
						
  2. 第5章 LINQ
			
    5.4 LINQ查询运算符 using System; using System.Collections.Generic; using System.Linq; using System.Text;  ...
    
			
    3. 
						
  3. [原创]Matlab之复选框使用
			
    本文简单记录在Matlab的GUI设计中,复选框的一些使用,比较简单. 简单到直接上代码,就是可能比较容易忘记,使用的时候再翻回来好了. 1 2 3 4 5 6 7 % 复选框,选中后为1,未选中则为 ...
    
			
    4. 
						
  4. openvpn安装
			
    1,wget http://swupdate.openvpn.org/as/openvpn-as-2.0.10-CentOS7.x86_64.rpm 2,passwd openvpn
    
			
    5. 
						
  5. js获取鼠标当前的位置
			
    有时候,我们需要得到窗口拖动或者鼠标移动的距离,此时可以通过计算鼠标前后在页面中的位置来得到想要的结果,下面介绍几个事件属性: 1.客户区坐标位置 鼠标事件都是在浏览器视口中的特定位置上发生的.这个位 ...
    
			
    6. 
						
  6. Python：线程
			
    Python中创建线程有两种方式:函数或者用类来创建线程对象. 函数式:调用 _thread 模块中的start_new_thread()函数来产生新线程. 类:创建threading.Thread的 ...
    
			
    7. 
						
  7. Yii2 中禁用csrf校验
			
    Yii2 默认开启csrf校验,但是有些时候确实不需要校验,比如对外提供API 一般做法直接在xxController中增加属性: public $enableCsrfValidation = fal ...
    
			
    8. 
						
  8. 在Sublime Text3上面更加方便愉快的写php
			
    写php代码,elcipse体积太大,开起来太麻烦,记事本又没有什么标识,稍不留神就会出现;没加.大括号没对全的尴尬情况.所以我选择使用Sublime. 推荐几个 sublime插件:sublimeL ...
    
			
    9. 
						
  9. jQuery插件编写笔记
			
    插件的种类: 1.封装对象方法的插件. 2.封装全局函数的插件. 3.选择器插件. *所有的对象方法都应当附加到jQuery.fn对象上,而所有的全局函数都应当附加到jQuery对象本身上. *在插件 ...
    
			
    10. 
						
  10. 大型网站seo优化之行业网站seo优化具体操作思路
			
      第一部分:站内优化 第二部分:站外优化 第三部分:内容建设 第四部分:网站完善 一.站内优化 1.站内结构优化 2.内链策略 3.站内细节优化 4.网站地图设置 5.关键词竞争度分析 5.关键词部 ...
    
			
    11.