V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
推荐关注
Meteor
JSLint - a JavaScript code quality tool
jsFiddle
D3.js
WebStorm
推荐书目
JavaScript 权威指南第 5 版
Closure: The Definitive Guide
maloneleo88
V2EX  ›  JavaScript

夜不能寐,这个 js 颜色渲染是通过什么判定的?求解惑

  •  
  •   maloneleo88 · 2021-03-31 19:38:24 +08:00 · 1855 次点击
    这是一个创建于 1092 天前的主题,其中的信息可能已经有所发展或是发生改变。
    function(e) {
    function a(e) {
    var t;
    return Object(c.a)(this, a),
    (t = Object(d.a)(this, Object(h.a)(a).call(this, e))).state = {},
    t
    }
    return Object(y.a)(a, e),
    Object(m.a)(a, [{
    key: "render",
    value: function() {
    var e = this.props.matchData
    , a = this.props.analytics
    , t = {}
    , n = {}
    , l = 0;
    if (Object.keys(a).forEach(function(s, i) {
    if (a[s].showOnRadar && null != e[s]) {
    var r = e[s] / a[s].sliderMax
    , o = r > 1 ? 1 : r;
    a[s].isReversed ? ((o = 1 - o) < .08 && (o = .08),
    n["Rev(" + a[s].shortName + ")"] = "Rev(" + a[s].shortName + ")",
    t["Rev(" + a[s].shortName + ")"] = o) : (o < .08 && (o = .08),
    t[a[s].shortName] = o,
    n[a[s].shortName] = a[s].shortName),
    l += o
    }
    }),
    0 === Object.keys(t).length)
    return null;
    var i = l / Object.keys(t).length
    , r = [{
    data: t,
    meta: {
    color: i < .4 ? "red" : i < .6 ? "rgb(205, 144, 32)" : "green"
    }
    }]
    , o = this.props.isMobile ? 320 : 150;
    return s.a.createElement(U.a, {
    captions: n,
    data: r,
    size: o
    })
    }
    }]),
    a
    }(n.Component))
    , G = (t(277),


    完整源文件: https://gamescreener.com/static/js/main.09e2e9a9.chunk.js


    问题是: 什么时候 red,什么时候 rgb(205, 144, 32),什么时候 green ? i 是面积吗?看不懂 js. 非常挠头 !- -

    求解惑呀~~~
    6 条回复    2021-04-01 13:14:48 +08:00
    codehz
        1
    codehz  
       2021-03-31 19:54:03 +08:00 via Android
    什么都不懂你打算怎么看,这不是 canvas 糊的吗
    maloneleo88
        2
    maloneleo88  
    OP
       2021-03-31 19:57:00 +08:00
    @codehz 话说啥是 看哇斯

    来碰碰运气 0.0
    maloneleo88
        3
    maloneleo88  
    OP
       2021-04-01 02:20:40 +08:00 via Android
    @codehz 知道 canvas 是啥了, 我研究了一下 底儿是 canvas 上面是用 d3 库渲染的

    重点是想找出 i 是怎么计算出来的 有可能吗?
    lanten
        4
    lanten  
       2021-04-01 10:11:24 +08:00
    编译后的 React 代码,这根本不是源码。
    jmyz0455
        5
    jmyz0455  
       2021-04-01 10:54:50 +08:00
    我觉得是 getComputedStyle
    maloneleo88
        6
    maloneleo88  
    OP
       2021-04-01 13:14:48 +08:00 via Android
    @lanten 噢,搜了一下 React 是长的好像
    这样的话就找不到了吧😬
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   3924 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 25ms · UTC 10:26 · PVG 18:26 · LAX 03:26 · JFK 06:26
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.