JS画5角星方法介绍_javascript技巧
程序员文章站
2022-05-09 13:01:13
...
复制代码 代码如下:
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 {
var x = Math.sin(i * dig);
var y = Math.cos(i * dig);
context.lineTo( dx + x * s,dy + y * s);
}
context.clip();
}
推荐阅读
-
Js数组的操作push,pop,shift,unshift等方法详细介绍_javascript技巧
-
通过隐藏iframe实现文件下载的js方法介绍_javascript技巧
-
js open() 与showModalDialog()方法使用介绍_javascript技巧
-
通过隐藏iframe实现文件下载的js方法介绍_javascript技巧
-
js控制页面控件隐藏显示的两种方法介绍_javascript技巧
-
JS Replace()的高级使用方法介绍_javascript技巧
-
JS子父窗口互相操作取值赋值的方法介绍_javascript技巧
-
js操作iframe的一些方法介绍_javascript技巧
-
js中函数调用的两种常用方法使用介绍_javascript技巧
-
JS的replace方法介绍_javascript技巧