手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >JS画5角星方法介绍
JS画5角星方法介绍
摘要:复制代码代码如下:functioncreate5StarClip(context){varn=0;vardx=100;vardy=0;var...

复制代码 代码如下:

function create5StarClip(context)

{

var n = 0;

var dx = 100;

var dy = 0;

var s = 150;

context.beginPath();

context.translate(100,150);

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);

context.lineTo( dx + x * s,dy + y * s);

}

context.clip();

}

【JS画5角星方法介绍】相关文章:

js中跨域方法原理详解

JavaScript中strike()方法的使用介绍

JavaScript数组去重的3种方法和代码实例

JS获取当前脚本文件的绝对路径

JavaScript中fixed()方法的使用简介

Jquery使用css方法改变样式实例

JavaScript中的toUTCString()方法使用详解

文本框栏目介绍

Javascript 高阶函数使用介绍

JS创建对象几种不同方法详解

精品推荐
分类导航