绘制笛卡尔心形曲线

心形线，是一个圆上的固定一点在它绕着与其相切且半径相同的另外一个圆周滚动时所形成的轨迹，因其形状像心形而得名。心脏线亦为蚶线的一种。在曼德博集合正中间的图形便是一个心脏线。

操作方法

  • 01

    先使用html定义一个<canvas>标签

  • 02

    js绘制canvas图形 <script> 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); })(); </script>

  • 03

    绘制饱圆心型 var $id = function(n) { return document.getElementById(n) || n; }window.addEventListener("load", draw, false); var con = $id("pad").getContext('2d'); con.fillStyle = '#e21f27' con.translate(200, 100); function draw() { var r = 0,a = 100,start = 0,end = 0;con.rotate(Math.PI); for (var q = 0; q < 500; q++) { start += Math.PI * 2 / 500; end = start + Math.PI * 2 / 500; r = a * (1 - Math.sin(start)); //心形极坐标表示法 con.arc(0, 0, r, start, end, false); } con.fill(); }

  • 04

    var $id = function(n) { return document.getElementById(n) || n; } window.addEventListener("load", draw, false); var con = $id("pad").getContext('2d'); con.fillStyle = '#e21f27' con.translate(100, 100); function draw() { var r = 0,a = 20, start = 0,end = 0; con.rotate(Math.PI); for (var q = 0; q < 1000; q++) { start += Math.PI * 2 / 1000; end = start + Math.PI * 2 / 1000; r = a * Math.sqrt(225 / (17 - 16 * Math.sin(start) * Math.sqrt(Math.cos(start) * Math.cos(start)))) con.arc(0, 0, r, start, end, false); } con.fill(); }

赞 (0)

相关推荐

  • Creo3.0笛卡尔方程曲线怎么画? Creo制作笛卡尔曲线的技巧

    今天我们就来看看使用Creo绘制笛卡尔方程曲线的教程,图文很详细,请看下文详细介绍. 1.下载并安装Creo软件,双击打开Creo软件: 2.在Creo软件的创建窗口中新建一个零件: 3.按图所示进入 ...

  • Excel如何进行笛卡尔函数仿真?

    Excel如何进行笛卡尔函数仿真?

    笛卡尔函数:    公式一.数据准备:a.在A列中填充从-1.81至 1.81的数据,间隔0.02.b.根据数据插入散点图,并删除图表多余元素,填充背景.可参考下图:    生成数据二.设置数据变化: ...

  • solidworks怎么绘制红色的心形曲面模型?

    Solidworks软件功能强大,组件繁多. Solidworks有功能强大.易学易用和技术创新三大特点,这使得SolidWorks 成为领先的.主流的三维CAD解决方案.今天教大家用Solidwor ...

  • 电脑画图软件内如何绘制心形

    电脑画图软件内如何绘制心形

    随着科技的发展,电脑已经成为人们日常生活中必不可少的工具,当我们在使用电脑中的画图软件时,如果想要画一颗心形的话,应如何操作呢?接下来就由小编来告诉大家.具体如下:1. 第一步,打开电脑中的画图软件, ...

  • 怎样用CDR绘制心形图片？

    cdr软件是一款矢量绘图.排版软件,用他制作绘制图形,非常的方便,简单,熟练掌握了此软件,可以绘制出非常炫的各种样式的图形. 很多人喜欢用心形来作图,特别是女性,特别是用到浪漫的节日,比如情人节等,制 ...

  • Creo怎么绘制方程曲线? Creo创建方程曲线的教程

    Creo想哟啊创建方程曲线,该怎么创建呢?下面我们就来看看详细的教程. 1.下载并安装Creo软件,双击打开Creo软件: 2.在Creo软件的创建窗口中新建一个零件: 3.按图所示进入曲线绘制界面: ...

  • matlab画曲线：[6]笛卡儿叶形线-叶形线

    笛卡儿叶形线是一个代数曲线,首先由笛卡儿在1638年提出.线面我就向大家介绍一下如何利用matlab绘制笛卡儿叶形线. 操作方法 01 笛卡儿叶形线的数学表达式,下面是参数方程的表达式 02 笛卡儿叶 ...

  • CAXA怎么绘制有规律的曲线? CAXA绘制花朵的教程

    CAXA制造工程师软件中添加了许多中国人的使用习惯进去,因为它开发的时间比较晚,对其它各方面的软件缺点也了解的较多,像一些模块.一些常用的公式都已经不需要自己去设定,软件中已自动添加了这些常用的功能. ...

  • 电脑wps文字软件中如何创建红色带阴影的心形

    电脑wps文字软件中如何创建红色带阴影的心形

    当我们在使用电脑的时候,可以通过wps文字软件来进行一些文字的编辑操作,而在wps文字中不仅可以编辑文字,还可以创建一些漂亮的形状,接下来就由小编来告诉大家如何创建红色带阴影的心形.具体如下:1. 第 ...