手机
当前位置:查字典教程网 >编程开发 >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角星方法介绍】相关文章:

javascript常用方法总结

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

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

JavaScript检测鼠标移动方向的方法

JSON简介以及用法汇总

javascript常用的方法分享

JS+CSS实现仿触屏手机拨号盘界面及功能模拟完整实例

AngularJS学习笔记之基本指令

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

js实现字符串转日期格式的方法

精品推荐
分类导航