zoukankan      html  css  js  c++  java
  • JS绘制生成花瓣效果的方法【转】

    这篇文章主要介绍了JS绘制生成花瓣效果的方法,涉及javascript数学运算及页面元素操作的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下

    本文实例讲述了JS绘制生成花瓣效果的方法。分享给大家供大家参考。具体如下:

    这里使用JS绘制生成花瓣效果,纯JS生成的图形绘制效果,想研究一下JavaScript图形绘画方面知识的,不妨参考一下这个小程序,我觉得还是挺不错的。

    运行效果如下图所示:

    具体代码如下:

    <html >
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
        <title>Js绘制生成花瓣效果</title>
    </head>
    <body>
    <script Language="javascript">
        function a(x,y,color) {
            document.write("<img border='0' style='position: absolute; left: "+(x+300)+"; top: "+(y+200)+";background-color: "+color+"' src='px.gif' width=1 height=1>")
        }
    </script>
    <script>
        for(t=1;t<=360;t++){
            lo=200 * Math.sin(2 * (Math.PI / 180) * t);
            x = lo * Math.cos((Math.PI / 180) * t);
            y = lo * Math.sin((Math.PI / 180) * t);
            a(x,y,"#000000");
            lo=200 * Math.cos(2 * (Math.PI / 180) * t);
            x = lo * Math.cos((Math.PI / 180) * t);
            y = lo * Math.sin((Math.PI / 180) * t);
            a(x,y,"#ff0000");
        }
    </script>
    </body>
    </html>
    

    文章来自:https://www.jb51.net/article/70654.htm

  • 相关阅读:
    【LeetCode】155. Min Stack 最小栈
    【Java】修改Eclipse默认编码
    负数取模
    【算法第四版笔记】1.1 基础编程模型
    【计算方法】02
    【计算方法】01
    【Java】Java8中List排序
    选择排序算法
    排序算法
    【Java】Eclipse修改JSP文件默认编码
  • 原文地址:https://www.cnblogs.com/KillBugMe/p/12407983.html
Copyright © 2011-2022 走看看