- 指南
- D3 API 手册
- d3-array
- d3-axis
- d3-brush
- d3-chord
- d3-collection
- d3-color
- d3-scale-chromatic
- d3-contour
- d3-dispatch
- d3-drag
- d3-dsv
- d3-ease
- d3-fetch
- d3-force
- d3-format
- d3-geo
- d3-hierarchy
- d3-interpolate
- d3-path
- d3-polygon
- d3-quadtree
- d3-random
- d3-scale
- d3-selection
- d3-shape
- d3-time-format
- d3-time
- d3-timer
- d3-transition
- d3-voronoi
- d3-zoom
- d3-contour
- d3-dispatch
- d3-drag
- d3-dsv
- d3-ease
- d3-fetch
- d3-force
- d3-format
- d3-geo
- d3-hierarchy
- d3-interpolate
- d3-path
- d3-polygon
- d3-quadtree
- d3-random
- d3-selection
- d3-shape
- d3-time-format
- d3-time
- d3-timer
- d3-transition
- d3-voronoi
- d3-zoom
- SVG 起步
- SVG 接口方法
d3-polygon
这个模块提供了基础的二维多边形几个基本的操作。每个多边形被描述为一个二维数组的数组: [[ x1 , y1 ], [ x2 , y2 ], …], 可以是闭合的(第一个点坐标等于最后一个点坐标) 也可以是开放的(第一个点坐标不等于最后一个点坐标)。典型的多边形各个定点安装逆时针顺序连接,坐标系统的左上角为 ⟨0,0⟩ 点。
Installing
NPM: npm install d3-polygon
。也可以下载 latest release . 可以直接从 d3js.org 以 standalone library 或 D3 4.0 一部分的形式直接载入. 支持 AMD, CommonJS 以及最基本的标签引入形式. 通过标签引入会暴露一个 d3
全局变量:
<script src="https://d3js.org/d3-polygon.v1.min.js"></script>
<script>
var hull = d3.polygonHull(points);
</script>
API Reference
"https://github.com/d3/d3-polygon/blob/master/src/area.js" title="Source Code" target="_blank" rel="noopener noreferrer"><>
返回指定 polygon 的面积。如果多边形的定点是逆时针连接(假设坐标系统 ⟨0,0⟩ 点位于左上角) 则返回值为正,否则为负或 0.
"https://github.com/d3/d3-polygon/blob/master/src/centroid.js" title="Source Code" target="_blank" rel="noopener noreferrer"><>
返回指定 polygon 的 centroid(几何中心) 。
"https://github.com/d3/d3-polygon/blob/master/src/hull.js" title="Source Code" target="_blank" rel="noopener noreferrer"><>
使用 Andrew’s monotone chain algorithm(二维凸包算法) 计算指定的一系列点的 convex hull(凸包) 。返回的凸包由一组输入点的子集表示,并且顺序为逆时针。如果输入的 points 个数小于 3 则返回 null。
"https://github.com/d3/d3-polygon/blob/master/src/contains.js" title="Source Code" target="_blank" rel="noopener noreferrer"><>
当且仅当指定的 point inside the specified polygon (在指定的多边形内部) 则返回 true。
"https://github.com/d3/d3-polygon/blob/master/src/length.js" title="Source Code" target="_blank" rel="noopener noreferrer"><>
返回指定 polygon 的周长。
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论