代码如下:

<canvas class="mycanvas" width="500" height="500">你的浏览器不支持canvas</canvas><script type="text/javascript">let mycanvas = document.querySelector('.mycanvas');let c = mycanvas.getContext('2d');//为了防止样式覆盖,从外往里画//画一个大圆c.beginPath();c.arc(250, 250, 160, 0, Math.PI * 2);c.fillStyle = "#e0dedf";c.fill();c.lineWidth = 30;c.strokeStyle = 'rgb(196,30,58)';c.stroke();//画一个小圆c.beginPath();c.arc(250, 250, 100, 0, Math.PI * 2);c.fillStyle = "rgb(0,43,127)";c.fill();c.lineWidth = 30;c.strokeStyle = 'rgb(196,30,58)';c.stroke();//画五角星c.beginPath();for(let i = 0; i < 5; i++) {c.lineTo(Math.cos((18 + i * 72) / 180 * Math.PI) * 80 + 250, -Math.sin((18 + i * 72) / 180 * Math.PI) * 80 + 250);c.lineTo(Math.cos((54 + i * 72) / 180 * Math.PI) * 32 + 250, -Math.sin((54 + i * 72) / 180 * Math.PI) * 32 + 250);}c.closePath();c.fillStyle = "#e0dedf";c.fill();c.lineWidth = 1;c.strokeStyle = 'rgb(0,43,127)';c.stroke();

我这里只画了2个圆,只是把这两个圆的画笔宽度调大点,就形成了4个圆的效果

使用canvas画美队盾牌相关推荐

  1. Python turtle入门:用小海龟画美队盾牌 (内附画五角星的详细代码)

    这篇博文是博主自己的python turtle库学习记录(xiaobai),也是和uu的学习分享!! 赶紧来看看小海龟是怎么画美队盾牌的吧!! 画五角星      (想看五角星画法的uu直接点这里哈) ...

  2. Python画美队盾牌

    利用python的tur的turtle库可以轻松的画出各种图案,我觉的美队盾牌是比较有规则的,也比较简单,更适合新手,所以发出来和大家分享. 话不多说,直接上代码,注释内有详细解析: import t ...

  3. 海龟画图----python画美队盾牌

    之前上选修课老师首先讲的就是海龟画图,后来还是稍微研究一下了的,海龟画图其实还是蛮有趣的,随便改一些数据可以画出意料之外的惊喜. 开发环境 :win10 + pycharm 需要的包就是turtle, ...

  4. Python入门必学,用Python练习画个美队盾牌

    0 环境 Python版本:3.6.6 操作系统:Mac OS Mojave 10.14.2 1 引言 最近我媳妇每天晚上吃饭时候也拿手机看,上厕所也在看. 看着看着还会笑?WTF?你在干嘛呢? 没错 ...

  5. Python | 用Python画个美队盾牌送给你

    最近我媳妇每天晚上吃饭时候也拿手机看,上厕所也在看. 看着看着还会笑?WTF?你在干嘛呢? 没错,她在看美队-- 这男人比我帅?-- 比我有钱?-- 还是比我有腔调?-- 答案很明显,我相信你们的眼睛 ...

  6. 美国队长的工资 python代码-详解用Python练习画个美队盾牌

    0 环境 Python版本:3.6.6 操作系统:Mac OS Mojave 10.14.2 1 引言 最近我媳妇每天晚上吃饭时候也拿手机看,上厕所也在看. 看着看着还会笑?WTF?你在干嘛呢? 没错 ...

  7. 美国队长的工资 python代码-Python入门必学,用Python练习画个美队盾牌

    0 环境 Python版本:3.6.6 操作系统:Mac OS Mojave 10.14.2 1 引言 最近我媳妇每天晚上吃饭时候也拿手机看,上厕所也在看. 看着看着还会笑?WTF?你在干嘛呢? 没错 ...

  8. 美国队长的工资 python代码-Python | 用Python画个美队盾牌送给你

    来源:程序人生 ID:coder_life 图片源自:复仇者联盟 作者 上海小胖 最近我媳妇每天晚上吃饭时候也拿手机看,上厕所也在看. 看着看着还会笑?WTF?你在干嘛呢? 没错,她在看美队-- 这男 ...

  9. 如何用python画一个美队盾牌

    如何用python画一个美队盾牌 import turtle# 画一个大圆 turtle.pensize(10) # 用pensize来设置画笔的粗细 turtle.pencolor('red') # ...

最新文章

  1. SAP MM 采购信息记录里的Automatic Sourcing
  2. regression
  3. symbian 获取手机型号
  4. windows7内存诊断工具有用吗_Win7怎么使用自带工具进行内存检测?
  5. 手把手教你Tomcat配置环境变量以及验证方法
  6. c++学习笔记之成员函数
  7. Java命令行界面(第19部分):jClap
  8. 【气温预测】基于matlab BP神经网络气温预测【含Matlab源码 714期】
  9. 大一java题库及答案_2016最新java考试题库及答案
  10. 2023年长安大学外国语言文学考研考情与难度及上岸前辈备考经验
  11. Vue安装及环境配置、开发工具
  12. RabbitMQ的优势和劣势
  13. 2019年电子设计国赛综合测评回顾
  14. javaweb项目中连接mysql导入驱动包
  15. 【AI视野·今日CV 计算机视觉论文速览 第151期】Tue, 6 Aug 2019
  16. GetType obsolete
  17. 高度自律学习者的app
  18. 编写微信聊天机器人2《聊天精灵WeChatGenius》:引入Xposed库,使模块生效。
  19. SpellBERT:预训练模型与中文拼写纠错
  20. 实战:浪潮服务器安装凝思 6.0.8 版本操作系统

热门文章

  1. springcloud微服务中跨域配置
  2. c语言中int和void,关于指针:void(*)void和int(*)int在C中的含义是什么?
  3. 小程序开发费用一览表,如果你也想要用低成本制作出自己的小程序,来了解一下!
  4. 无人驾驶汽车系统入门(二)——高级运动模型和扩展卡尔曼滤波
  5. H3C 802.11n的频宽模式
  6. 基于FPGA的数字时钟设计
  7. matlab中arccotx,微积分计算公式的推导过程
  8. #535. 「NOIP2018」填数游戏
  9. [Excel]sumif函数对满足条件的单元格求和
  10. Pytorch深度学习实战1-6:图解牛顿迭代法,牛顿不止力学三定律