<!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. Swift语法基础入门一(适合有C, OC开发人员)
			
    Swift开发体验 /*: 创建对象 * OC: alloc initWithXXX 方法 * Swift: (xxx:) */ /*: 调用方法 * OC: [UIColor redColor];  ...
    
			
    2. 
						
  2. [jquery] 图片热区随图片大小自由缩放
			
    在图片上直接画出带超级链接热区元素map和area相信大家并不陌生,Dreamweaver等网页制作软件都有直接在图片上绘制带超级链接的热区工具,但是直接绘制的热区是不能随着图片自适应放大和缩小的,现 ...
    
			
    3. 
						
  3. oracle函数trunc的使用
			
    1.日期比较时精确到日,可以使用 TRUNC(sysdate,'dd')函数.函数支持格式有:yyyy MM  dd  hh Mi可以用   select TRUNC(sysdate,'yyyy')  ...
    
			
    4. 
						
  4. Spring Annotation注解进行aop的学习
			
    使用Maven管理项目,pom文件为: <project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi=" ...
    
			
    5. 
						
  5. List小练习
			
    功能:创建链表节点,删除节点,顺序打印,不改变原结构的情况下分别用STL中的stack实现逆序打印和利用函数递归打印 代码如下: //链表问题struct ListNode {    int m_nV ...
    
			
    6. 
						
  6. Android listview 的应用
			
    ListView作为Android最常用但是却最难用的控件之一,有很多神奇的用法.我之前也有写过一个例子,稍微不那么简单了一点. [Android原生item的伸缩效果]:http://www.cnb ...
    
			
    7. 
						
  7. Router和History (路由控制)-backbone
			
    Router和History (路由控制) Backbone.Router担任了一部分Controller(控制器)的工作,它一般运行在单页应用中,能将特定的URL或锚点规则绑定到一个指定的方法(后文 ...
    
			
    8. 
						
  8. Fragment与Activity
			
    一个Fragment的实例总是和包含它的Activity直接相关. fragment可以通过getActivity() 方法来获得Activity的实例,然后就可以调用一些例如findViewById ...
    
			
    9. 
						
  9. Nginx 配置指令的执行顺序（十一）
			
    紧跟在 post-access 阶段之后的是 try-files 阶段.这个阶段专门用于实现标准配置指令 try_files 的功能,并不支持 Nginx 模块注册处理程序.由于 try_files  ...
    
			
    10. 
						
  10. ImageView图片不显示---------记glide框架使用时遇到的问题
			
    最近在开发项目的时候,使用了谷歌推荐的glide框架,却发现了一个莫名奇妙的问题,就是imageview始终不显示图片! 发现图片不显示 但是改为安卓本身自带的ic_launch可以显示ic_laun ...
    
			
    11.