JS画5角星方法介绍


Posted in Javascript onSeptember 17, 2013
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(); 
}
Javascript 相关文章推荐
Jquery CheckBox全选方法代码附js checkbox全选反选代码
Jun 09 Javascript
一个轻量级的javascript库 pj介绍
Dec 19 Javascript
整理一些JavaScript的IE和火狐的兼容性注意事项
Mar 17 Javascript
javaScript复制功能调用实现方案
Dec 13 Javascript
node.js中Socket.IO的进阶使用技巧
Nov 04 Javascript
jQuery中siblings()方法用法实例
Jan 08 Javascript
js+html5实现canvas绘制椭圆形图案的方法
May 21 Javascript
微信小程序开发之入门实例教程篇
Mar 07 Javascript
js导出Excel表格超出26位英文字符的解决方法ES6
Nov 15 Javascript
VUE+elementui组件在table-cell单元格中绘制微型echarts图
Apr 20 Javascript
js实现特别简单的钟表效果
Sep 14 Javascript
vue项目如何打包之项目打包优化(让打包的js文件变小)
Apr 30 Vue.js
js带按钮的提示框可供选择示例代码
Sep 17 #Javascript
今天是星期几的4种JS代码写法
Sep 17 #Javascript
关于javascript event flow 的一个bug详解
Sep 17 #Javascript
Node.js开发指南中的简单实例(mysql版)
Sep 17 #Javascript
JavaScript中为什么null==0为false而null大于=0为true(个人研究)
Sep 16 #Javascript
判断一个变量是数组Array类型的方法
Sep 16 #Javascript
jquery实现div阴影效果示例代码
Sep 16 #Javascript
You might like
PHP通用检测函数集合
2011/02/08 PHP
php多维数组去掉重复值示例分享
2014/03/02 PHP
smarty的section嵌套循环用法示例
2016/05/28 PHP
PHP实现通过strace定位故障原因的方法
2018/04/29 PHP
PHP设计模式(一)工厂模式Factory实例详解【创建型】
2020/05/02 PHP
jQuery使用手册之 事件处理
2007/03/24 Javascript
FLASH 广告之外的链接
2008/12/16 Javascript
javascript CSS画图之基础篇
2009/07/29 Javascript
ExtJS 工具栏 分页事件参数
2010/03/05 Javascript
stream.js 一个很小、完全独立的Javascript类库
2011/10/28 Javascript
JSONP跨域的原理解析及其实现介绍
2014/03/22 Javascript
jQuery简单实现input文本框内灰色提示文本效果的方法
2015/12/02 Javascript
js确认框confirm()用法实例详解
2016/01/07 Javascript
基于vue2框架的机器人自动回复mini-project实例代码
2017/06/13 Javascript
React学习笔记之列表渲染示例详解
2017/08/22 Javascript
ionic2懒加载配置详解
2017/09/01 Javascript
angularjs利用directive实现移动端自定义软键盘的示例
2017/09/20 Javascript
vue-cli 自定义指令directive 添加验证滑块示例
2017/10/19 Javascript
关闭Vue计算属性自带的缓存功能方法
2018/03/02 Javascript
vue组件数据传递、父子组件数据获取,slot,router路由功能示例
2019/03/19 Javascript
js中的面向对象之对象常见创建方法详解
2019/12/16 Javascript
vue3.0生命周期的示例代码
2020/09/24 Javascript
JavaScript枚举选择jquery插件代码实例
2020/11/17 jQuery
python matplotlib坐标轴设置的方法
2017/12/05 Python
python 格式化输出百分号的方法
2019/01/20 Python
win10子系统python开发环境准备及kenlm和nltk的使用教程
2019/10/14 Python
pycharm无法导入本地模块的解决方式
2020/02/12 Python
Python求两个字符串最长公共子序列代码实例
2020/03/05 Python
如何开发一款堪比APP的微信小程序(腾讯内部团队分享)
2016/12/22 HTML / CSS
澳洲Chemist Direct药房中文网:澳洲大型线上直邮药房
2019/11/04 全球购物
2014年综治宣传月活动总结
2014/04/28 职场文书
画展邀请函
2015/01/31 职场文书
罚款通知怎么写
2015/04/22 职场文书
圣贤教育改变命运观后感
2015/06/16 职场文书
Nginx+Tomcat实现负载均衡、动静分离的原理解析
2021/03/31 Servers
我们认为中短波广播场强仪的最佳组合
2022/04/05 无线电