[求教] 这个 js 里是不是有调用 XML 绘制 SVG 矢量图的代码？

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

推荐关注

Meteor

JSLint - a Javascript code quality tool

jsFiddle

D3.js

WebStorm

推荐书目

Javascript 权威指南第 5 版

Closure: The Definitive Guide

这是一个创建于 1731 天前的主题，其中的信息可能已经有所发展或是发生改变。

https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.6/d3.min.js

他的矢量图有 3 个判定，红，黄，绿。能看出来他的判定值嘛？应该在哪里找？看不懂，就是想知道，什么时候绿，什么时候黄，什么时候红。阀值是多少，这个在 js 能看出来嘛？

这大神全站是不是都是用 js 写的呀

矢量图

判定

svg

阀值

11 条回复

yulon

2021-03-30 03:53:47 +08:00

D3 是开源的啊。。。

这只是一个库，你找到别人怎么用的

nannanziyu

2021-03-30 08:25:44 +08:00 via Android

阈（ yu4 ）值

AV1

2021-03-30 08:52:30 +08:00

cloudflare 是 CDN，D3.js 是可视化库，你想了解的是这个 CDN 网站，还是 D3.js 这个库？

no1xsyzy

2021-03-30 09:56:58 +08:00

> 这大神全站是不是都是用 js 写的呀
说不定别人是用 C++ 写的网站呢？（狗头

dongtingyue

2021-03-30 10:02:41 +08:00

有点莫名奇妙

jiyinyiyong

2021-03-30 10:18:23 +08:00

翻了一下没看明白, 可能楼下得自己扒源码去找找? https://github.com/d3/d3-scale-chromatic/tree/v2.0.0

maloneleo88

2021-03-30 12:30:19 +08:00 via Android

@nannanziyu

@yulon
@DOLLOR
@jiyinyiyong

也就是说直接用 d3.js 这个库绘制矢量图，至于后台数据判定这一块是看不到的是嘛？我就是想知道他是用哪些条件给矢量图渲染颜色，感觉他的模型挺牛的

maloneleo88

2021-03-30 12:34:48 +08:00 via Android

@jiyinyiyong 我去研究研究估计是看不出个所以然的，我是小白一个

maloneleo88

2021-03-31 16:24:19 +08:00

@jiyinyiyong 我找到了老兄，但是看不懂 js

color: i < .4 ? "red" : i < .6 ? "rgb(205, 144, 32)" : "green"

这句话是什么意思？

是 i< .4 red，i<.6 的话就是 rgb(205, 144, 32) ，其他都是 green 的意思吗？

.4 .6 的含义是什么？

jiyinyiyong

2021-04-01 18:19:53 +08:00

两个的三元表达式, 小数省略 0.

对应

```
if (i < 0.4) {
"red"
} else if (i < 0.6) {
rgb(..)
} else {
"green"
}
```

maloneleo88

2021-04-01 21:44:37 +08:00

@jiyinyiyong 谢谢，那我明白了，应该是圆面积 = 1 如果多边形占圆面积没达到 0.4/1 就是红的，04-0.6 是褐色， >0.6 就是绿的了。谢谢，谢谢