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

2021-03-31 19:38:24 +08:00
 maloneleo88
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. 非常挠头 !- -

求解惑呀~~~
2017 次点击
所在节点    JavaScript
6 条回复
codehz
2021-03-31 19:54:03 +08:00
什么都不懂你打算怎么看,这不是 canvas 糊的吗
maloneleo88
2021-03-31 19:57:00 +08:00
@codehz 话说啥是 看哇斯

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

重点是想找出 i 是怎么计算出来的 有可能吗?
lanten
2021-04-01 10:11:24 +08:00
编译后的 React 代码,这根本不是源码。
jmyz0455
2021-04-01 10:54:50 +08:00
我觉得是 getComputedStyle
maloneleo88
2021-04-01 13:14:48 +08:00
@lanten 噢,搜了一下 React 是长的好像
这样的话就找不到了吧😬

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/766978

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX