<!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. [转]标准C++字符串string以及MFC6.0字符串CString的tokenize和split函数
			
    标准字符串的方法: /******************************************** the tokenize function for std::string ****** ...
    
			
    2. 
						
  2. java 小数点取2位并且四舍五入
			
    BigDecimal bd = new BigDecimal(0.0199999999999); System.out.println("res:"+bd.setScale(2,  ...
    
			
    3. 
						
  3. CentOS6.4 LAMP环境搭建
			
    网上的教程,不能按着抄打进去,这样会打乱你环境放置位置, 会导致配置路径会出问题. 要有一个环境目录优化, 把环境文件都装在/usr/local里面 首先,把安装文件rar都放置在/usr/local ...
    
			
    4. 
						
  4. PHP根据身份证号码验证、获取星座、生肖和性别函数
			
    首先介绍一下身份证含义 新的18位身份证号码各位的含义:1-2位省.自治区.直辖市代码:3-4位地级市.盟.自治州代码:5-6位县.县级市.区代码:7-14位出生年月日,比如19670401代表196 ...
    
			
    5. 
						
  5. spring postconstruct
			
    package com.jdw.service.impl; import java.util.List; import javax.annotation.PostConstruct; import o ...
    
			
    6. 
						
  6. python运维开发(七)----面向对象（上）
			
    内容目录: 面向对象应用场景 类和对象的创建 类中的__init__构造方法 self理解 面向对象的三大特性:封装.继承.多态 概述 面向过程:根据业务逻辑从上到下写垒代码 函数式:将某功能代码封装 ...
    
			
    7. 
						
  7. Raknet实现的简单服务器与客户端的交互
			
    1. 首先下载Raknet的源代码,我用的是4.0的,不是最新的,解压后编译DLL工程,编译完成后进入解压的根目录下,进入Lib文件夹下找到RakNet_DLL_Debug_Win32.dll,  R ...
    
			
    8. 
						
  8. NHbiernate 配置
			
    1.从网上下载NHibernate 4.0 文件.下载地址:https://sourceforge.net/projects/nhibernate/ 2.解压后把 NHibernate.dll文件引用 ...
    
			
    9. 
						
  9. MySQL索引背后的数据结构及最左原则
			
    MySQL索引原理 ##索引目的索引的目的在于提高查询效率,可以类比字典,如果要查“mysql”这个单词,我们肯定需要定位到m字母,然后从下往下找到y字母,再找到剩下的sql.如果没有索引,那么你可能 ...
    
			
    10. 
						
  10. 无意发现vim里插入模式可以借助Alt键输入一些特殊字符
			
    无意发现vim里插入模式可以借助Alt键输入一些特殊字符.如: Alt+w: ÷ Alt+:: » Alt+f  :  æ Alt+ . :  ® Alt+ ? :  ¯...
    
			
    11.