JS画5角星方法介绍

 更新时间:2013年09月17日 17:56:00   作者:  
5角星想必大家并不陌生吧,在本文大家将会学习到使用JS画5角星,感兴趣的朋友可以参考下,希望对大家有所帮助
复制代码 代码如下:

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();
}

相关文章

  • TS中declare的简单使用方法

    TS中declare的简单使用方法

    declare 关键字用来告诉编译器,某个类型是存在的,可以在当前文件中使用,本文给大家介绍TS中declare的简单使用方法,感兴趣的朋友一起看看吧
    2023-12-12
  • 前端JavaScript获取电池信息

    前端JavaScript获取电池信息

    受到同事启发,突然发现了几个有趣又实用的web api,下面这篇文章主要给大家介绍了关于前端JavaScript获取电池信息的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
    2023-04-04
  • Javascript弹出窗口的各种方法总结

    Javascript弹出窗口的各种方法总结

    这篇文章介绍了Javascript弹出窗口的各种方法总结,有需要的朋友可以参考一下
    2013-11-11
  • JS去掉字符串前后空格、阻止表单提交的实现代码

    JS去掉字符串前后空格、阻止表单提交的实现代码

    这篇文章主要介绍了JS去掉字符串前后空格、阻止表单提交的实现代码,代码简单易懂,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2017-06-06
  • JS+CSS实现闪烁字体效果代码

    JS+CSS实现闪烁字体效果代码

    这篇文章主要介绍了JS+CSS实现闪烁字体效果代码,可实现文字按照指定颜色逐次闪烁显示的功能,代码非常简单实用,需要的朋友可以参考下
    2016-04-04
  • es6 for循环中let和var区别详解

    es6 for循环中let和var区别详解

    这篇文章主要介绍了es6 for循环中let和var区别详解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-01-01
  • 对js中回调函数的一些看法

    对js中回调函数的一些看法

    下面小编就为大家带来一篇对js中回调函数的一些看法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-08-08
  • laydate.js日期时间选择插件

    laydate.js日期时间选择插件

    这篇文章主要为大家详细介绍了laydate.js日期时间选择插件,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-01-01
  • uni-file-picker文件选择上传功能实现代码

    uni-file-picker文件选择上传功能实现代码

    本文介绍了uni-file-picker的基础使用方法,包括选择图片的九宫格样式、限制选择的图片数量、指定图片类型及后缀,以及如何自定义上传时机,详细说明了如何通过设置不同的属性来实现图片的选择和上传,适用于需要在应用中上传图片的开发者
    2024-09-09
  • 利用Echarts如何实现多段圆环图

    利用Echarts如何实现多段圆环图

    这篇文章主要给大家介绍了关于利用Echarts如何实现多段圆环图的相关资料,文中通过实例代码代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2022-03-03

最新评论