js绘制canvas图形

var cr = document.getElementById("cardioid");

var W = cr.width/2, H = cr.height/3, R = 150;

var c = cr.getContext("2d"); var G = 360, g = 0, T = Math.PI*2, t = T/G;

c.save(); c.translate(W, H);c.rotate(-T/4);

//c.fillStyle = "red";

while(g < G){

c.save();//c.translate(W, H);c.rotate(g*t);c.beginPath();c.arc(0, -R*(1-Math.sin(++g*t)), 13, 0, 360, false);c.closePath();c.fill();c.restore();

}

c.restore(); g = 0;

(function draw(){

if(g < G){ c.save(); c.translate(W, H); c.rotate(-T/4 + g*t);c.fillStyle = "red";c.beginPath();c.arc(0, -R*(1-Math.sin(++g*t)), 5, 0, 360, false); c.closePath(); c.fill(); c.restore();

} setTimeout(draw, 1);

})();

python绘制笛卡尔心形曲线_绘制笛卡尔心形曲线相关推荐

  1. python turtle笛卡尔心形线_用MATLAB实现心形线

    背景 众所周知,笛卡尔是一位超越时代的数学家.物理学家和思想家.他在数学领域所创造的成就影响着自他之后所有的数学研究,他可以被称为解析几何之父.在哲学和心理学方面,笛卡尔也获得了非凡的成就,他是二元论 ...

  2. python饼图显示百分比怎么设置_绘制一个饼图,显示我们在Python中的日常活动

    饼图以百分比表示数量,并且饼图所有段的总和必须等于100%.它用于以百分比显示给定的数据.用户将向我们提供一个日常活动列表,以及另一个列表,该列表显示了每天执行每个活动所花费的时间,通过使用这些列表, ...

  3. python绘制不带颜色曲线图_绘制一条曲线,并根据每个点的值和定制的颜色图对其进行着色...

    我有一个定制的ROYGBIV彩虹颜色图:import numpy as np import matplotlib.pyplot as plt # dictionary with RGB values ...

  4. python绘制彩色地震剖面断层解释_绘制地震地质解释剖面.PPT

    绘制地震地质解释剖面 * 第七章 地震资料解释 浅震勘探的最终目的:解决具体的地质问题. 资料采集是基础,处理工作是关键,资料解释是地震工作的中枢. 第一节 反射波资料的解释 由于反射法数据处理最终得 ...

  5. python turtle笛卡尔心形线_一个浪漫又悲情的爱情故事——笛卡尔心形线

    说明 写这篇文章是因为某天看到这样一个公式 r=a(1-cosθ) ,我上网搜了下,原来是笛卡尔心形线的极坐标方程,这个方程里面的确有一个浪漫又悲情的爱情故事,感兴趣的朋友可以点这里看看,而至于这个故 ...

  6. Python pyglet 自制3D引擎入门(二) -- 绘制立体心形,动画和相机控制

    Python作为目前较广泛的编程语言, 用于制作3D游戏可谓得心应手.本文讲解使用Python pyglet库自制简易3D引擎的方法技巧. 上篇:Python pyglet 自制3D引擎入门(一) – ...

  7. 用python的turtle画等边三角形讲解_通过Python turtle绘制等边三角形谈编程思维和逻辑...

    相信三角形对于绝大数人来说,是再熟悉不过的一个几何图形了,并且在现实生活和工作中也经常遇见,如果要画的话,相信很多人也会说,简单的很啊,画三条相等的线段,每两个线段的夹角为60度就可以了啊,也许我们借 ...

  8. python绘制折线图显示数据_漂亮图表也可用python信手拈来!一文教你学会用Python绘制堆积折线图...

    今天,和大家聊聊关于Python绘图相关的东东哦,还是和大家继续深耕Python经典的matplotlib库哦! 好啦,咱们就开始吧! 首先,咱们聊聊如何在Python中去绘制经典的堆积折线图 到这可 ...

  9. python绘制如下图形、小三角形边长20_OpenGL学习脚印_ 绘制移动三角形 - 王定桥的专栏.pdf...

    OpenGL学习脚印_ 绘制移动三角形 - 王定桥的专栏 2015/7/20 OpenGL学习脚印: 绘制移动三角形 ­ 王定桥的专栏 ­ 博客频道 ­ CSDN.NET 登录 | 注册 王定桥的专栏 ...

最新文章

  1. 在 CentOS7 上安装 MySQL5.7
  2. SpringBoot的配置优先级,一个具体的练习例子
  3. js处理16进制hex转str出现的中文乱码问题
  4. 蚂蚁战配基金已售罄两只 累计关注人数超500万
  5. mybatis--一对一、一对多、多对多(七)
  6. 无意中发现的MSDN软件下载网站
  7. 保障4-0618任务打卡
  8. Linux 学习之路(一)——Linux 发行版本的选择以及opensuse 13.1 安装
  9. 数字逻辑educoder实训项目 logisim实现 交通灯系统设计超详细实验步骤,绝对完整
  10. 欧几里得(Euclid)算法
  11. eclipseWTP插件
  12. pbe服务器无限火力模式,LOL4月9日PBE更新:无限火力模式上线!
  13. Spring Boot入门教程(四十):微信支付集成-刷卡支付
  14. 联想服务器AR系列,目前为止最好的AR游戏设备竟然出自联想
  15. JAVA公益捐赠管理系统_公益组织捐赠系统的设计与实现
  16. LC滤波器设计学习笔记(一)滤波电路入门
  17. C#键盘事件处理(来源网上)
  18. Chrome浏览器收藏本地存储位置
  19. 内蒙古大学计算机学院创新创业,我校获评2018年度全国创新创业典型经验高校...
  20. 最新h5微信大灌篮小游戏投篮赚钱源码+手动提现+免公众号

热门文章

  1. 新智慧杂志新智慧杂志社新智慧编辑部2023年第1期目录
  2. 盘口技术大全(七): 拉升
  3. JS网页上显示中文乱码解决方法
  4. 获取电脑盘符 tcy
  5. PHP socket:执行报错PHP Fatal error: Call to undefined function socket_create()
  6. S32K的wdog组件使用(看门狗)
  7. Java 校验EMAIL格式方法,真为正确
  8. 【转载】Uber Go语言编码规范
  9. DROP SYNONYM
  10. 51单片机学习笔记(1)