canvas——js画多边形方法
来源:互联网 发布:linux java dlog.path 编辑:程序博客网 时间:2024/06/06 01:04
代码如下:
<div> <canvas id="aa" height="280" width="400"></canvas></div>
<script> var aa=document.getElementById("aa").getContext("2d"); aa.shadowBlur=6; aa.shadowColor="gray"; aa.shadowOffsetX=7; aa.shadowOffsetY=5; function createStar(context,n,dx,dy,size){ context.beginPath(); var dig=Math.PI/n*4; context.moveTo(dx,size+dy); for(var i=0;i<=n;i++){ var x=Math.sin(i*dig); var y=Math.cos(i*dig); context.lineTo(x*size+dx,y*size+dy); } context.fill(); context.closePath(); } aa.fillStyle="red"; createStar(aa,3,60,60,50); aa.fillStyle="green"; createStar(aa,5,160,60,50); aa.fillStyle="blue"; createStar(aa,7,260,60,50); aa.fillStyle="orange"; createStar(aa,9,360,60,50);</script>效果图如下:
阅读全文
0 0
- canvas——js画多边形方法
- 画闭合的多边形 - HTML5 Canvas 作图
- JS——canvas(1)
- CANVAS绘制多边形
- html5 Canvas画图教程(5)—canvas里画曲线之arc方法
- 在canvas上画多边形的几种方式
- 高德地图JS API —— 多边形搜索
- 使用particles.js实现知乎首页Canvas粒子效果,多边形,圆形粒子
- MaxScript——可编辑多边形的Attact方法
- Android入门——利用Canvas完成绘制点、圆、直线、路径、椭圆、多边形等2D图形
- 代码分享——canvas方法
- canvas使用js画箭头
- js学习—在canvas画布上的粒子扩散
- canvas 画折线图方法
- Canvas 画椭圆的方法
- Canvas 画椭圆的方法
- 安卓方法——View.onDraw(Canvas canvas)的使用
- canvas多边形(蜘蛛图)的画法
- excel中插入图片
- java9 新特性
- C#中获取当前namespace和methodName(static上下文中也可用)
- Spring Boot集成Activiti工作流
- 深度学习的Attention模型
- canvas——js画多边形方法
- 分布式锁
- 嵌入式视频处理考虑(一)
- 添加依赖
- 12. 机器学习基石-How can Machine Learn Better?
- kali linux shadowssock
- android的事件分发处理流程
- Unable to require openssl, install OpenSSL and rebuild ruby (preferred) or use non-HTTPS sources
- 【异常】执行yum install lrzsz 报错