<!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. Entity Framework排序
			
    public ActionResult Index() { using (ApplicationDbContext db = new ApplicationDbContext()) { //var l ...
    
			
    2. 
						
  2. Git 分支管理详解
			
    大纲: 1.前言 2.创建分支 3.切换分支 4.合并分支(快速合并) 5.删除分支 6.分支合并冲突 7.合并分支(普通合并) 8.分支管理策略 9.团队多人开发协作 10.总结 注,测试机 Cen ...
    
			
    3. 
						
  3. 安装eclipse
			
    前提,安装好jdk并成功配置好环境变量 下载eclipse-standard-kepler-R-win32-x86_64,直接打开里面的eclipse.exe文件即可
    
			
    4. 
						
  4. python实现zabbix_sender的socket通信代码样例
			
    sk = socket.socket() sk.connect(self.ip_port) sk.settimeout(5) sk.sendall(b'ZBXD\x01') sk.sendall(b' ...
    
			
    5. 
						
  5. newifi升级固件及开启SSH
			
    1.固件去官方社区下载 2.开启SSH  连接newifi访问http://192.168.99.1/newifi/ifiwen_hss.html  看到返回success  说明开启SSH 3.使用 ...
    
			
    6. 
						
  6. ICE-3.5.1-错误记录
			
    windwos上QT5使用ICE中遇到的一个小bug: error: C3083: “Stm”:“::”左侧的符号必须是一种类型error: C2039: “upCast”: 不是“IceProxy” ...
    
			
    7. 
						
  7. SQL Server 内存使用量下降问题
			
    SQL server这个程序是非喜欢内存这东西的.所以它的内存使用量下降,一定是被别人给抢去了.这件事的后果就是SQL Server 变的 非常慢.怎么样才可以让这件事不太容易发生呢? ------- ...
    
			
    8. 
						
  8. js对象中什么是可枚举性(enumerable)？
			
    说到枚举,可能很多人都会想到枚举类型,但在javascript对象中有一个属性为可枚举性,他是什么呢? 概念 可枚举性(enumerable)用来控制所描述的属性,是否将被包括在for...in循环之 ...
    
			
    9. 
						
  9. Git学习01 －－git add, git commit , git log  ,git status,   git reset --hard, head
			
    Git官方提供的快速入门教程:https://try.github.io/levels/1/challenges/1 特点:Git极其强大的分支管理:分布式版本 集中式版本控制系统,版本库是集中存放在 ...
    
			
    10. 
						
  10. Oracle EBS-SQL (CST-1):检查BOM历史成本查询(Average Cost).sql
			
    select  msi1.segment1                   父件编码, msi1.description                  父件描述, msi1.primary_u ...
    
			
    11.