JS畫5角星方法介紹
更新時間：2013年09月17日 17:56:00 作者：
5角星想必大家并不陌生吧，在本文大家將會學(xué)習(xí)到使用JS畫5角星，感興趣的朋友可以參考下，希望對大家有所幫助
復(fù)制代碼 代碼如下:
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();
}
相關(guān)文章
declare 關(guān)鍵字用來告訴編譯器,某個類型是存在的,可以在當(dāng)前文件中使用,本文給大家介紹TS中declare的簡單使用方法,感興趣的朋友一起看看吧2023-12-12
受到同事啟發(fā),突然發(fā)現(xiàn)了幾個有趣又實用的web api,下面這篇文章主要給大家介紹了關(guān)于前端JavaScript獲取電池信息的相關(guān)資料,文中通過實例代碼介紹的非常詳細(xì),需要的朋友可以參考下2023-04-04
這篇文章介紹了Javascript彈出窗口的各種方法總結(jié)，有需要的朋友可以參考一下2013-11-11
這篇文章主要介紹了JS去掉字符串前后空格、阻止表單提交的實現(xiàn)代碼，代碼簡單易懂，非常不錯，具有參考借鑒價值,需要的朋友可以參考下2017-06-06
這篇文章主要介紹了JS+CSS實現(xiàn)閃爍字體效果代碼,可實現(xiàn)文字按照指定顏色逐次閃爍顯示的功能,代碼非常簡單實用,需要的朋友可以參考下2016-04-04
es6 for循環(huán)中l(wèi)et和var區(qū)別詳解
這篇文章主要介紹了es6 for循環(huán)中l(wèi)et和var區(qū)別詳解,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-01-01
下面小編就為大家?guī)硪黄獙s中回調(diào)函數(shù)的一些看法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-08-08
這篇文章主要為大家詳細(xì)介紹了laydate.js日期時間選擇插件，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-01-01
uni-file-picker文件選擇上傳功能實現(xiàn)代碼
本文介紹了uni-file-picker的基礎(chǔ)使用方法,包括選擇圖片的九宮格樣式、限制選擇的圖片數(shù)量、指定圖片類型及后綴,以及如何自定義上傳時機,詳細(xì)說明了如何通過設(shè)置不同的屬性來實現(xiàn)圖片的選擇和上傳,適用于需要在應(yīng)用中上傳圖片的開發(fā)者2024-09-09
利用Echarts如何實現(xiàn)多段圓環(huán)圖
這篇文章主要給大家介紹了關(guān)于利用Echarts如何實現(xiàn)多段圓環(huán)圖的相關(guān)資料,文中通過實例代碼代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2022-03-03