Wedge.render() — react Function Reference

Architecture documentation for the Wedge.render() function in Wedge.js from the react codebase.

Function javascript BabelCompiler Validation

Entity Profile

BabelCompiler→ Validation→ Wedge.render() — react Function Reference

Dependency Diagram

graph TD
  cc95d7bd_8a83_2600_2e2c_65731dfce2f4["Wedge.render()"]
  4fe47bd9_a391_af84_ed7e_092adf8086dd["Wedge.js"]
  cc95d7bd_8a83_2600_2e2c_65731dfce2f4 -->|defined in| 4fe47bd9_a391_af84_ed7e_092adf8086dd
  style cc95d7bd_8a83_2600_2e2c_65731dfce2f4 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/react-art/npm/Wedge.js lines 153–177

  render: function render() {
    // angles are provided in degrees
    var startAngle = this.props.startAngle;
    var endAngle = this.props.endAngle;
    if (startAngle - endAngle === 0) {
      return null;
    }

    // radii are provided in pixels
    var innerRadius = this.props.innerRadius || 0;
    var outerRadius = this.props.outerRadius;

    // sorted radii
    var ir = Math.min(innerRadius, outerRadius);
    var or = Math.max(innerRadius, outerRadius);

    var path;
    if (endAngle >= startAngle + 360) {
      path = this._createCirclePath(or, ir);
    } else {
      path = this._createArcPath(startAngle, endAngle, or, ir);
    }

    return React.createElement(Shape, assign({}, this.props, {d: path}));
  },