<!DOCTYPE html>

<html>

<head lang="en">

    <meta charset="UTF-8">

    <title></title>

</head>

<body onload="star()">

<canvas id="canvas" width="800" height="500" style="border: 1px #ccc solid;"></canvas>

</body>

</html>
<script>

    function star(){

        var canvas=document.getElementById("canvas");

        var cxt=canvas.getContext("2d");

        cxt.translate(100,100);

        var s=50;

        cxt.beginPath();

        cxt.fillStyle="blue";

        var x=Math.sin(0);

        var y=Math.cos(0);

        var dig=Math.PI/5*4;

        for(var i=0;i<5;i++){

            var x=Math.sin(i*dig);

            var y=Math.cos(i*dig);

            cxt.lineTo(x*s,y*s);

        }

        cxt.closePath();

        cxt.fill();

    }

</script>




												


											
canvas 绘制五角星的更多相关文章
	

    
						
  1. canvas绘制五角星详细过程
		
    canvas绘制 <canvas id="straight"></canvas> <script> var canvas = document. ...
    
		
    2. 
						
  2. HTML5 Canvas 绘制五角星
		
    代码: <!DOCTYPE html> <html lang="utf-8"> <meta http-equiv="Content-Type ...
    
		
    3. 
								
  3. Canvas绘制五角星
		
    from tkinter import * import math as m root = Tk() w = Canvas(root, width=200, height=100, backgroun ...
    
		
    4. 
						
  4. html5 canvas绘制圆形印章，以及与页面交互
		
    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...
    
		
    5. 
						
  5. HTML5 canvas 绘制五星红旗
		
    这个例子并不是自己写的,在网上找的案列,仿照写的,,,自己真的公布董这些算法,看完这个例子还是有一点模糊,,, 如果谁看的比较明白,指点一下,,,多谢!!!! <!doctype html> ...
    
		
    6. 
						
  6. HTML5 给图形绘制阴影(绘制五角星示例)
		
    几个属性 shadowOffsetX:阴影的横向位移量. shadowOffsetY:阴影的纵向位移量. shadowColor:阴影的颜色. shadowBlur:阴影的模糊范围. 属性说明 sha ...
    
		
    7. 
						
  7. HTML5  Canvas ( 绘制一片星空 )
		
    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...
    
		
    8. 
						
  8. canvas画画板,canvas画五角星，canvas制作钟表、Konva写钟表
		
    制作一个画画板,有清屏有橡皮擦有画笔可以换颜色 style样式 <head> <meta charset="UTF-8"> <title>画画板 ...
    
		
    9. 
						
  9. HTML5用canvas绘制五星红旗
		
    在HTML5一览中,我们提到html 5被冠以很多高帽,其中最高的一顶.备受争议的就是"Flash杀手".IT评论界老喜欢用这个词了,杀手无处不在.不管是不是杀手,HTML 5引进 ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. pl sql练习（1）
			
    编写函数接受参数并返回字符串:Hello $var.然后赋值给绑定变量并打印: create or replace function hello_function ( pv_whom varchar2 ...
    
			
    2. 
						
  2. RTUILabel+正则表达式
			
    RTLabel和RegexKitLite都要导入第三方库 使用Regexkitlite库进行正则表达式的解析 1.库是使用MRR,如果在ARC工程里面使用这个类,必须在project->buil ...
    
			
    3. 
						
  3. 宏定义 define
			
    #define kOut -1 用一个字符串代替一个数据 用kOut表示-1(一般开头有一个小写的k) 作用: 1.为了让一些数据有意义 #define kUseId asdjlfdjafa #def ...
    
			
    4. 
						
  4. 全屏显示网页FULLSCREEN API
			
    第一次看到应用 Fullscreen API 全屏显示网页,是 FaceBook 中的照片放大.作为一个比较新的 API,目前只有 Safari.Chrome 和 FireFox 三种浏览器支持该特性 ...
    
			
    5. 
						
  5. javascript 操作元素属性的方法
			
    <!doctype html> <html> <head> <meta charset="utf-8"> <title> ...
    
			
    6. 
						
  6. mac/linux  install hg
			
    MAC OSX 10.9: sudo port -v install mercurial or easy_install mercurial
    
			
    7. 
						
  7. hyper中安装wdOS-1.0-x86_64（wdlinux）遇到的网卡问题
			
    11/23 0:30 by vmaxhyper中安装wdOS-1.0-x86_64(wdlinux) 日志: 遇到的问题: 1.装完找不到网卡eth0,只有一只loopback的Lo. 原因:cent ...
    
			
    8. 
						
  8. springmvc+mybatis如何分层
			
    通常情况下,我们之间调用mapper,spring会为我们注入其实现,很方便,mybatis也提供了一个generator供我们生成bean.dao接口等.但是总有一种感觉叫不爽,感觉除了bean和m ...
    
			
    9. 
						
  9. QT---线程间通信
			
    在 Qt 系统中,运行着一个GUI 主事件线程,这个主线程从窗口系统中获取事件,并将它们分发到各个组件去处理.在 QThread 类中有一种从非主事件线程中将事件提交给一个对象的方法,也就是 QThr ...
    
			
    10. 
						
  10. C#中使用MATLAB
			
    原文 http://www.cnblogs.com/sorex/archive/2012/08/01/2617469.html 闲来无聊写篇文章聊以慰藉. 本文写了Matlab的2种基本调用方式,且同 ...
    
			
    11.