JS画5角星方法介绍_Javascript教程-查字典教程网
JS画5角星方法介绍
JS画5角星方法介绍
发布时间:2016-12-30 来源:查字典编辑
摘要:复制代码代码如下: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();

}

相关阅读
推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
  • 大家都在看
  • 小编推荐
  • 猜你喜欢
  • 最新Javascript教程学习
    热门Javascript教程学习
    编程开发子分类