github/weave-scope
1
0
Fork 0
mirror of https://github.com/weaveworks/scope.git synced 2026-08-19 04:16:21 +00:00
Code Issues Packages Projects Releases Wiki Activity

Increase cloud node thickness in graph view (#2418)

Browse Source 
* Unified node shapes rendering templates.

* Addressed @foot's comments (fix shadow thickness across all shapes).

* Made getClipPathDefinition slightly more readable.
This commit is contained in:
Filip Barl
2017-04-06 14:44:52 +02:00
committed by GitHub
parent a404d82a91
commit 82e373777a
15 changed files with 141 additions and 255 deletions
Download Patch File Download Diff File Expand all files Collapse all files
client/app/scripts/utils/node-shape-utils.js
+21 -6
View File
@@ -1,12 +1,27 @@
import { line, curveCardinalClosed } from 'd3-shape';
import React from 'react';
import range from 'lodash/range';
import { line, curveCardinalClosed } from 'd3-shape';
const shapeSpline = line().curve(curveCardinalClosed.tension(0.65));
import { UNIT_CLOUD_PATH } from '../constants/styles';
export function nodeShapePolygon(radius, n) {
export const pathElement = React.createFactory('path');
export const circleElement = React.createFactory('circle');
export const rectangleElement = React.createFactory('rect');
function curvedUnitPolygonPath(n) {
const curve = curveCardinalClosed.tension(0.65);
const spline = line().curve(curve);
const innerAngle = (2 * Math.PI) / n;
return shapeSpline(range(0, n).map(k => [
radius * Math.sin(k * innerAngle),
-radius * Math.cos(k * innerAngle)
return spline(range(0, n).map(k => [
Math.sin(k * innerAngle),
-Math.cos(k * innerAngle),
]));
}
export const squareShapeProps = { width: 1.8, height: 1.8, rx: 0.4, ry: 0.4, x: -0.9, y: -0.9 };
export const heptagonShapeProps = { d: curvedUnitPolygonPath(7) };
export const hexagonShapeProps = { d: curvedUnitPolygonPath(6) };
export const cloudShapeProps = { d: UNIT_CLOUD_PATH };
export const circleShapeProps = { r: 1 };