欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

HTML5 Canvas实现玫瑰曲线和心形图案的代码实例_html5教程技巧

程序员文章站 2022-04-10 14:15:51
...
效果图:
HTML5 Canvas实现玫瑰曲线和心形图案的代码实例_html5教程技巧
HTML5 Canvas实现玫瑰曲线和心形图案的代码实例_html5教程技巧

提示:把代码复制到一个html文件中并保存,直接打开即可看到效果。

实现代码:

复制代码
代码如下:





HTML5 Demo




Your browser does not support the canvas element.



玫瑰曲线方程:
r=a+bsin(m/n*x)

选择参数:

m:

n:

a:

b: