JS画5角星方法介绍

时间:2024-05-13 09:06:36 


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();
}
标签:JS,画5角星
0
投稿

猜你喜欢

  • 详解一条sql语句在mysql中是如何执行的

    2024-01-18 00:51:12
  • Laravel框架实现发送短信验证功能代码

    2024-05-03 15:29:08
  • 基于python图像处理API的使用示例

    2022-12-19 02:14:53
  • python利用datetime模块计算程序运行时间问题

    2022-05-24 03:13:41
  • python实现批量修改文件名

    2022-03-10 18:44:54
  • 得到文本框选中的文字,动态插入文字的js代码

    2024-05-03 15:31:03
  • python实现飞行棋游戏

    2021-11-28 14:43:23
  • python实现字符串和字典的转换

    2023-03-02 02:57:18
  • Python Cookie 读取和保存方法

    2021-01-21 15:57:51
  • Python封装解构以及丢弃变量

    2022-08-10 07:55:58
  • JS性能优化笔记搜索整理

    2024-04-17 09:54:55
  • css网页下拉菜单制作方法(1):基本原理

    2007-02-03 11:39:00
  • python内置函数sorted()用法深入分析

    2022-06-26 07:41:40
  • Git 教程之工作流程详解

    2022-03-28 13:04:45
  • 在TABLE中模仿excel的单元格移动

    2007-12-22 12:03:00
  • python数据可视化plt库实例详解

    2022-11-30 21:23:28
  • python爬虫面试宝典(常见问题)

    2023-02-27 19:46:01
  • python排序方法实例分析

    2023-04-07 12:52:05
  • Pycharm Git 设置方法

    2023-07-13 17:02:55
  • MySQL5.7.21解压版安装详细教程图解

    2024-01-25 10:23:57
  • asp之家 网络编程 m.aspxhome.com