<!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. sublime text 3 快捷键大全以及配置编译环境（转）
			
    Sublime text 3是码农最喜欢的代码编辑器,每天和代码打交道,必先利其器,掌握基本的代码编辑器的快捷键,能让你打码更有效率.刚开始可能有些生疏,只要花一两个星期 坚持使用并熟悉这些常用的快捷 ...
    
			
    2. 
						
  2. V - stl 的 优先队列 Ⅱ
			
    Description Because of the wrong status of the bicycle, Sempr begin to walk east to west every morni ...
    
			
    3. 
						
  3. wamp出现问题#1045 - Access denied for user 'root'@'localhost' (using password: NO)的解决方法
			
    打开wamp->apps->phpmyadmin目录下面的config.inc.php文件 cfg['Servers'][$i]['verbose'] = 'localhost';$cfg ...
    
			
    4. 
						
  4. How can I get the logical valume by the datafile names and ASM disks?
			
    Q:We use asmlib to create ASM disk in Oracle rac 11.2.0.3, and how can I get the logical valume by t ...
    
			
    5. 
						
  5. @Override报错的解决方法
			
    有时候Java的Eclipse工程换一台电脑后编译总是@override报错,把@override去掉就好了,但不能从根本上解决问题,因为有时候有@override的地方超级多. 这是jdk的问题,@ ...
    
			
    6. 
						
  6. 从远程oracle上导入到本地同一张表中不存在的记录的方法
			
    场景:在远程oracle上存在一张表A,在本地同样存在一张相同表结构的表B.由于本地表B中保存了业务系统操作产生的几条记录,同时原来导入了A中的部分记录,但是并没有保存A中全部的记录.A中有15条记录 ...
    
			
    7. 
						
  7. Leetcode算法刷题：第14题 Longest Common Prefix
			
    Longest Common Prefix 题目 给予一个列表,元素为字符串,写一个程序找出最长公共前缀 解题思路 先比较两个字符串,如果第一个字符不一样,则返回空值,比较完成后,用这个公共字符串和下 ...
    
			
    8. 
						
  8. Candy Sharing Game（hdoj1034）
			
    Problem Description A number of students sit in a circle facing their teacher in the center. Each st ...
    
			
    9. 
						
  9. Nginx 变量漫谈（六）
			
    Nginx 内建变量用在“子请求”的上下文中时,其行为也会变得有些微妙. 前面在 (三) 中我们已经知道,许多内建变量都不是简单的“存放值的容器”,它们一般会通过注册“存取处理程序”来表现得与众不同, ...
    
			
    10. 
						
  10. yum lamp for Centos6.4
			
    1,Centos6.4  yum lamp#!/bin/sh<<cat#echo Ruiy!#Create by Ruiy on 2015-03-27----cat yum install ...
    
			
    11.