首頁  >  文章  >  web前端  >  JS畫5角星方法介紹_javascript技巧

JS畫5角星方法介紹_javascript技巧

WBOY
WBOY原創
2016-05-16 17:22:171495瀏覽
複製程式碼如下程式碼:

function create5StarClip(context)

function create5StarClip(context)
> 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();
}
陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn