在浏览器中的效果图：

代码如下：



主要练习下用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. text（）和html（）的区别，以及val（）
			
    text():设置或返回所选元素的文本内容: html():设置或返回所选元素的内容(包括 HTML 标记): val():设置或返回表单字段的值 例如: <!DOCTYPE html>& ...
    
			
    2. 
						
  2. MySql索引简介
			
    从"找"到B+树 索引是用来查找的. 折半查找是一种很优秀的方式.适合于 范围查找,固有缺点就是需要元素是有序的.二叉搜索树就是对折半查找的一种基础的实现. 但二叉搜索树当遇到特殊 ...
    
			
    3. 
						
  3. selenium—八种定位方法
			
    find_element_by_id() find_element_by_name() find_element_by_class_name() find_element_by_tag_name()  ...
    
			
    4. 
						
  4. 从红米手机经常发生UIM没有服务的一些猜想
			
    缘起:买了测试用的红米手机,安装电信卡,经常生UIM没有服务,大约两天1次. 我的解决办法:飞行模式切换一下就恢复正常. 之前这张卡用三星的信号是满格,红米断开挺经常的 上网搜索: 同样的现象,还好官 ...
    
			
    5. 
						
  5. 点击更多button显示更多数据的功能实现思路代码
			
    此功能是根据自己思路去慢慢做出来的,做的不够专业,希望有懂这个的前辈给自己指点指点. //分界线———————————————————————————————————————————————————— ...
    
			
    6. 
						
  6. iOS常用库之Masonry
			
    简单介绍 Masonry 源码地址:https://github.com/Masonry/Masonry Masonry是一个轻量级的布局框架 拥有自己的描述语法 采用更优雅的链式语法封装自动布局 简 ...
    
			
    7. 
						
  7. jq 部分用法
			
    这几天一直在写前台,因为jq是在客服端处理数据的,所以公司,一般都用这种方法,下面是我这几天用到的一些东西 1.修改table表格的第一轮显示值 function changeTableRowValu ...
    
			
    8. 
						
  8. SQL2008安装提示"Microsoft visual studio 2008早期之前的版本
			
    打开注册表管理器(运行 --regedit 依次展开如下项目:   HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\DevDiv 将devdiv项目导出来保存,倒出来之后可 ...
    
			
    9. 
						
  9. Android Studio使用org.apache.http报错
			
    Android Studio使用org.apache.http报错需要加上这句话:useLibrary 'org.apache.http.legacy'
    
			
    10. 
						
  10. Js制作的文字游戏
			
    自己制作的文字游戏.(: <!DOCTYPE html><html lang="en"><head>    <meta charset=& ...
    
			
    11.