要绘制一个近似的圆并获取该圆的点,可以在圆形图案线中绘制一系列线段,以便:

const canvas = document.getElementById('canvas');

const ctx = canvas.getContext('2d');

/* Center and radius of circle */

const centerX = 50;

const centerY = 50;

const radius = 25;

/* Array containing your points */

const points = [];

/* Configure line rendering and start drawing a path */

ctx.lineWidth = 2;

ctx.strokeStyle = "red";

ctx.beginPath();

/* Iterate each side and calculate the position of it's starting point */

for (let i = 0, sides = 50; i < sides; i ++) {

const angle = (i / sides) * 2 * Math.PI;

const x = centerX + radius * Math.cos(angle);

const y = centerY + radius * Math.sin(angle);

points.push({ x, y });

ctx.lineTo(x, y);

}

/* Complete path and render as stroke */

ctx.closePath();

ctx.stroke();

console.log(points);

html 圆圈里一个c,是否可以不使用.arc()或任何其他HTML标记制作一个圆圈?相关推荐

  1. 【Unity技巧】制作一个简单的NPC

    1. 写在前面 前几天看了cgcookie的一个教程,学习了下怎么根据已有人物模型制作一个仿版的NPC人物,感觉挺好玩的,整理一下放到博客里! 先看一下教程里面的最终效果. 是不是很像个幽灵~ 下面是 ...

  2. 怎样自己制作一个小程序?新手必知流程!

    随着市场需求的变化.不断成长的微信平台.随着周边小程序等功能的发布,商店公司开发小程序已经成为一种趋势.但是对于怎样自己制作一个小程序,很多卖家公司还是"新手",不明白应该使用什么 ...

  3. 【完整代码】用HTML/CSS制作一个美观的个人简介网页

    [完整代码]用HTML/CSS制作一个美观的个人简介网页 整体结构 完整代码 用HTML/CSS制作一个美观的个人简介网页--学习周记1 HELLO!大家好,由于<用HTML/CSS制作一个美观 ...

  4. linux命令进u 盘,在Linux下制作一个磁盘文件,在u-boot 阶段对emmc 烧写整个Linux系统方法...

    在Linux 下制作一个磁盘文件, 可以给他分区,以及存储文件,然后dd 到SD卡便可启动系统. 在u-boot 下启动后可以读取该文件,直接在u-boot 阶段就可以做烧写操作,省略了进入系统后才进 ...

  5. linux刻录win10u盘_如何用ultraiso制作一个系统U盘?WIN10系统U盘制作图文教程

    大家是不是偶尔会遇到电脑系统损坏的情况呢?你第一时间想到的是去找电脑店师傅来处理一下,但又是深夜了,怎么办?其实自己也可以解决的,前提是你有一个用于"救急"的U启动盘.今天就教你如 ...

  6. 利用CSS制作一个向右的箭头

    利用CSS制作一个向右的箭头 <style type="text/css">.box{/* 利用CSS制作一个向右的箭头 */width:200px;height:20 ...

  7. 【C++代码】约瑟夫环问题:0,1,……,n-1这n个数字排成一个圆圈,从数字0开始,每次从这个圆圈里删除第m个数字。求出这个圆圈里剩下的最后一个数字。

    问题描述:0,1,n-1这n个数字排成一个圆圈,从数字0开始,每次从这个圆圈里删除第m个数字.求出这个圆圈里剩下的最后一个数字. 这是力扣上的一道题.我的思路: ①首先想到的是用循环链表,每次向后遍历 ...

  8. html圆圈里边有个c,商标是圆圈加字母-商标上圆圈里有个C,这个是什么意思?...

    大家在使用商标注册过程中可能会有商标是圆圈加字母的问题,今天就由慧用心为大家从以下几个方面:商标有个圆圈,里面写的TM是什么?.商标上圆圈里有个C,这个是什么意思?.注册商标字母怎么打,是不是R外面带 ...

  9. 游戏里经常有涉及用户排行榜(金币消费排行榜),怎么设计一个良好的排行榜。

    个人记录:2018年,工作的第6到7个年头. 重点研究自己不太擅长的技术:分布式.高并发.大数据量.数据库优化.高性能.负载均衡等. 刷题是一种态度,是一种好习惯. 我刷题,我骄傲. 题目:游戏里 经 ...

最新文章

  1. WCDMA中的URA和LA/RA
  2. Android BaseAdapter和ViewHolder 优化 解决ListView的item抢焦点问题和item错乱问题
  3. 虚拟仪器软件LabView使用初步了解
  4. 多重连弹の多层级联 下拉框/查找框级联操作
  5. python numpy np.argmax(a, axis=None, out=None) (按给定轴位比较,返回第一个最大值索引【下标】)
  6. Linux shell脚本中单双引号的区别
  7. 安装oracle 10g闪退,Windows 7安装Oracle 10g常见错误及解决方法
  8. SSM框架笔记10:Spring AOP基础
  9. 不同分支设置不同的远程仓库
  10. ubuntu常用软件安装_机器学习_第一部分纯命令版本
  11. Sublime Text 3 Plugin Better!
  12. 如何在 Mac 上的网站上使用 Touch ID 作为密码?
  13. 计算机学号生成准考证号,设计考场编排,生成准考证号
  14. pgadmin 转成oracle,pgAdmin快速备份还原数据库
  15. MySQL数据表字段繁体转简体
  16. Windows 下使用PDH 获取CPU 使用率
  17. 山东省教师教育网-学习课程
  18. 百度地图api调用时json.loads()报错ValueError: No JSON object could be decoded解决
  19. 无损批量合并视频 附工具
  20. ie11加载项启用不了 java,IE11或IE10中的管理加载项按钮是灰色的不能用怎么办

热门文章

  1. 《ffmpeg入门学习》 六 java把多个图片合成视频,并添加图片水印
  2. fx3u如何圆弧插补_圆弧插补G02 G03指令详细参考说明
  3. 动易系统SiteWeaver™CMS6.8SQL Ac正版Build-090918-源代码下载QQ群:55317566.
  4. 在小公司做开发太难了!面试面到我心态爆炸...
  5. flask(十四)----模版渲染之继承
  6. 使命召唤手游怎么显示服务器无响应,使命召唤手游无法进入怎么处理
  7. 上海应用技术大学计算机研究生院,2018年上海应用技术大学计算机学院计算机大类考研调剂信息...
  8. 自己动手写一个操作系统——我们能做什么,我们需要做什么
  9. web中的GoEasy消息推送机制
  10. pyecharts绘画优美图形之一:最全地图