Html5:生成个玫瑰线图案

Html5:生成个玫瑰线图案

这个是网友 Vincent 所写的Html5的一些图案。邀请了他写的利用最新html5 容器绘图功能创立的。呵呵,他很快就写了记录下来了。于是,我把他的源码和图案都放在这里。用来体现一些这些绘图功能。看起来也很不错。

 在数学书上,玫瑰线的极坐标公式定义为p=a*sin(n*angle);或者p=a*cos(n*angle)

 我们借用了这种公式,但是在输入角度的时候作了一些调整,就会产生这种变化。

玫瑰线的历史,也可以追溯到航海时代。

参考资料如下

http://baike.baidu.com/view/301886.htm?fr=ala0_1_1

玫瑰线方面的数学可以参考如下网址获取更多这方面的了解

http://xuxzmail.blog.163.com/blog/static/251319162009739563225/

感谢:Vincent  提供的图案和源码:

Html5:生成个玫瑰线图案

Html5:生成个玫瑰线图案

你可能感兴趣的:(html5)