世界资讯：心形曲线的故事_心形曲线

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、}

本文到此结束，希望对大家有所帮助。

标签： 超文本标记语言