在HTML5 Canvas画布中,我们可以根据曲线的方程绘制出曲线。例如,在笛卡尔坐标系中,圆的方程为:

x=r*cos(θ)

y=r*sin(θ)     (0≤θ≤2π)

编写如下的HTML代码。

function draw(id)

{

var canvas=document.getElementById(id);

if (canvas==null)

return false;

var context=canvas.getContext('2d');

context.fillStyle="#EEEEFF";

context.fillRect(0,0,300,300);

context.strokeStyle="red";

context.lineWidth=2;

context.save();

context.translate(150,150);

var  r=100;

context.beginPath();

for (theta=0;theta<=2*Math.PI;theta+=Math.PI/100)

{

var x = r*Math.cos(theta);       // 圆的方程式

var y = r*Math.sin(theta);

if (theta==0)

context.moveTo(x,y);

else

context.lineTo(x,y);

}

context.stroke();

context.restore();

}

python心脏线绘制代码_JavaScript图形实例:曲线方程相关推荐

  1. python心脏线绘制代码_C++和Java命令行绘制心形图代码分享

    C++和Java命令行绘制心形图案 心形线 心形线,是一个圆上的固定一点在它绕着与其相切且半径相同的另外一个圆周滚动时所形成的轨迹,因其形状像心形而得名. 心脏线亦为蚶线的一种.在曼德博集合正中间的图 ...

  2. Python turtle 绘制有趣的图形

    效果如下: 代码: import turtle pen = turtle.Turtle() pen.speed(10)for i in range(180):pen.forward(100)pen.r ...

  3. python秒表游戏代码_Javascript实现秒表计时游戏

    本文实例为大家分享了javascript实现秒表计时游戏的具体代码,供大家参考,具体内容如下 一.说明 本游戏页面设计分为左右两栏.左上为跑马灯,左下为计时器和"START"按钮: ...

  4. java 星形线代码,JavaScript图形实例:星形条纹图案

    1.星形条纹图案 星形线的笛卡尔坐标方程式为: x=r*cos(θ)^3 y=r*sin(θ)^3       (0≤θ≤2π) 圆的笛卡尔坐标方程式为: x=r*cos(θ) y=r*sin(θ)  ...

  5. java递归mysql生成树_JavaScript图形实例:递归生成树

    观察自然界中树的分叉,一根主干生长出两个侧干,每个侧干又长出两个侧干,以此类推,便生长出疏密有致的结构.这样的生长结构,使用递归算法可以模拟出来. 例如,分叉的侧干按45°的偏转角度进行生长的递归示意 ...

  6. java阿基米德螺线_JavaScript图形实例:阿基米德螺线

    1.阿基米德螺线 阿基米德螺线亦称"等速螺线".当一点P沿动射线OP以等速率运动的同时,该射线又以等角速度绕点O旋转,点P的轨迹称为"阿基米德螺线". 阿基米德 ...

  7. java螺线_JavaScript图形实例:阿基米德螺线

    1.阿基米德螺线 阿基米德螺线亦称"等速螺线".当一点P沿动射线OP以等速率运动的同时,该射线又以等角速度绕点O旋转,点P的轨迹称为"阿基米德螺线". 阿基米德 ...

  8. python在地图上画路线_如何在python中绘制热地图(实例)

    当我们进行数据挖掘工作.或者进行数据可视化以更好地展示成果时,很多时候我们需要借助到热地图的帮助.今天,我们就来介绍一下在seaborn绘图库中热地图heatmap的使用方法及参数设置. 热地图使用场 ...

  9. python——基本图形绘制(实例2:Python蟒蛇绘制)(模块1:turtle库的使用)

    前言 本篇主要介绍Python基本图形绘制,以Python蟒蛇绘制为例,介绍turtle库的使用. 并在最后对蟒蛇绘制的代码进行分析. 读完本篇,你将了解: 1.方法论 Python语言及海龟绘图体系 ...

  10. 实例:Python蟒蛇绘制

    这个例子主要是用于理解Python的"模块编程思想". Python直接翻译是"蟒蛇"的意思,因此,利用Python绘制图形程序绘制一条蟒蛇十分有趣. 实例代码 ...

最新文章

  1. 一个很好的练听力的网站
  2. linux 镜像自动安装,制作能自动安装的CentOS镜像文件
  3. linux 并行执行脚本,在bash / linux中并行运行shell脚本
  4. 机器学习【吴恩达|周志华|李宏毅|算法】清单 #收藏#
  5. Daily Report 2012/11/09 陈伯雄(step 9)
  6. ext不能选中复制属性_复制拷贝文件不怕再出错,一个超级好用的小工具,支持多线程工作...
  7. 双活架构保服务24小时在线
  8. linux换硬盘网卡不能启动,服务器硬盘冷迁移后网卡无法启动问题
  9. 阿里巴巴2020首发136道Java高级岗面试题(含答案)
  10. div+css命名大全
  11. CRNN原理详解、代码实现及BUG分析
  12. access 命令不符 等级考试_全国计算机等级考试二级笔试样卷Access数据库程序设计...
  13. 叶聪:朋友圈背后的计算机视觉技术与应用
  14. Hibernate 第一个程序的问题Unknown entity(新手必看)
  15. 如何解决python中文问题_布同:如何解决Python中文问题(总结了多位前人经验,初学者必看)...
  16. Mac电脑截图卡屏了怎么办?
  17. 写一个GAMEBOY的模拟器
  18. \u开头的unicode中的\u被转义\\u的问题处理
  19. 学的计算机专业但是键盘打字非常慢怎么办,win10系统下键盘打字反应慢迟钝的解决方法...
  20. c#调用HTTP请求

热门文章

  1. Spring Boot 中使用@KafkaListener并发批量接收消息(转载)
  2. 【Dart学习】-- Dart之匿名方法闭包
  3. 数据库架构 - 数据库设计是否要使用外键(转)
  4. 2016网络安全犯罪形势预测
  5. thinkphp 中英文语言包
  6. android 15 activity跳转
  7. 向真正Java高手请教ant构建工具的类装载器问题
  8. SpringBoot番外篇-微服务架构【1.起源与定义】
  9. Java Web实战篇-轻松提高千万级数据库查询效率
  10. 利用全加器实现7段数码管_单片机入门,8个led数码管精选电路方案合辑