笛卡尔心形函数图像怎么画(笛卡尔心形函数图像解析式)
大家好,今天就和蜜蜜一起来看看这个问题吧 。笛卡尔心形函数图像文档,笛卡尔心形函数图像很多人还不知道,现在让我们一起来看看吧!
1、 先使用超文本标记语言定义一个帆布标签
2、 射流研究…绘制帆布图形
3、 脚本
4、 var cr=document.getElementById('心形');
5、 var W=cr.width/2, H=cr.height/3, R=150;
6、 var c=Cr。获取上下文(“2d”);var G=360,g=0,T=数学* 2,T=T/G;
7、 c。save();c.translate(W,H);c。旋转(-T/4);
8、 //c . fill style=' red '
9、 while(g G){
10、 c。save();//c.translate(W,H);c。旋转(g * t);c .开始路径();c.arc(0,-R*(1-Math.sin( g*t)),13,0,360,false);c .关闭path();c . fill();c . restore();
11、 }
12、 c。restore();g=0;
13、 (函数draw(){
14、 if(G G){ c . save();c.translate(W,H);c .旋转(-T/4g * T);fillStyle=' redc。begin path();c.arc(0,-R*(1-Math.sin( g*t)),5,0,360,false);c .关闭path();c . fill();c . restore();
15、 } setTimeout(draw,1);
16、 })();
17、 /脚本
18、 绘制饱圆心型
19、 var $id=函数(n) {
20、 返回文档。getelementbyid(n)| | n;
21、 }window.addEventListener('load 'draw,false);
22、 var con=$id('pad ').获取上下文(“2d”);
23、 con.fillStyle='#e21f27 '
24、 con.translate(200,100);
25、 函数draw() {
26、 var r=0,a=100,start=0,end=0;旋转图标(数学.);
27、 for(var q=0;q 500问){
28、 开始=数学* 2/500;
29、 结束=开始数学* 2/500;
30、 r=a *(1-数学。sin(start));//心形极坐标表示法
31、 con.arc(0,0,r,start,end,false);
32、 }
33、 con . fill();
34、 }
35、 var $id=函数(n) {
36、 返回文档。getelementbyid(n)| | n;
37、 }
38、 window.addEventListener('load 'draw,false);
39、 var con=$id('pad ').获取上下文(“2d”);
40、 con.fillStyle='#e21f27 '
41、 con.translate(100,100);
42、 函数draw() {
43、 var r=0,a=20,
44、 start=0,end=0;
45、 旋转图标(数学.);
46、 for(var q=0;q 1000问){
47、 开始=数学* 2/1000;
48、 结束=开始数学* 2/1000;
49、 r=a *数学。sqrt(225/(17-16 *数学。sin(start)*数学。sqrt(数学。cos(开始)*数学。cos(start))))
50、 con.arc(0,0,r,start,end,false);
51、 }
52、 con . fill();
53、 }
这篇文章到此就结束,希望能帮助到大家。
扫描二维码推送至手机访问。
版权声明:文章内容摘自网络,如果无意之中侵犯了您的版权,请联系本站,本站将在3个工作日内删除。谢谢!