美文网首页
画 浏览器页面中心 圆

画 浏览器页面中心 圆

作者: Org_ | 来源:发表于2020-09-07 14:24 被阅读0次
    //功能:画实心圆
    //参数:圆心坐标,半径,精确度,背景颜色
    function SolidCircle(cx, cy, r, p, color) {
      var s = 1 / (r / p);
      for (var i = 0; i < Math.PI * 2; i += s) {
        var div = document.createElement("div");
        div.style.position = "absolute";
        div.style.left = Math.sin(i) * r + cx + "px";
        div.style.top = Math.cos(i) * r + cy + "px";
        div.style.width = p + "px";
        div.style.height = p + "px";
        div.style.backgroundColor = color;
        document.body.appendChild(div);
      }
    }
    winWidth = document.body.clientWidth || document.documentElement.clientWidth
    winHeight = document.body.clientHeight || document.documentElement.clientHeight
    var centers = { centerW: winWidth / 2, centerH: winHeight / 2 };
    console.log(centers)

    SolidCircle(centers.centerW, centers.centerH, 300, 2, "#0a3a87");

相关文章

  • 画 浏览器页面中心 圆

  • 常用操作书签

    Chrome浏览器: 设置页面书签管理器:chrome://bookmarks/ 信息中心

  • 浏览器与服务器的顺序图

    1、浏览器先向服务器请求页面 2、服务器向浏览器返回html页面 3、浏览器拿到页面后会解...

  • 12圆

    中心圆,和 周边圆

  • 浏览器渲染那些事

    WEB 页面运行在各种各样的浏览器当中,浏览器载入、渲染页面的速度直接影响着用户体验,简单地说,页面渲染就是浏览器...

  • 浏览器安全

    浏览器安全可以分为三大块——Web 页面安全、浏览器网络安全和浏览器系统安全 Web 页面安全 为确保页面安全,浏...

  • 孩子到底几岁识字好?

    文/糖妈 “麻麻,我不会画字。”早上萌萌拿着画板对我说。 "那你先试着画个圆吧。"好的。 "然后在圆的中心点个点。...

  • 人生就像画圆圈

    有的画的圆大;有的画的圆小, 有的画的慢,而有的画的太快。

  • 【浏览器】浏览器的渲染原理

    Web页面运行在各种各样的浏览器当中,浏览器载入、渲染页面的速度直接影响着用户体验简单地说,页面渲染就是浏览器将h...

  • html header

    标准模式 没有就是混杂模式(浏览器自动渲染) 告诉浏览器用这个页面是中文页面 ...

网友评论

      本文标题:画 浏览器页面中心 圆

      本文链接:https://www.haomeiwen.com/subject/alzkektx.html