Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add support for gradients on edges and nodes #2091

Closed
maxkfranz opened this issue Apr 12, 2018 · 0 comments

Comments

Projects
None yet
1 participant
@maxkfranz
Copy link
Member

commented Apr 12, 2018

Issue type

Feature request

Description of new feature

Add support for gradients on nodes and edges with the following properties:

Background:

  • background-fill : The filling style of the node's body; may be solid (default), linear-gradient, or radial-gradient.

Gradient:

  • background-gradient-direction : In case background-fill is linear-gradient, defines the direction of the gradient.
    • may be to-bottom (default), to-top, to-left, to-right, to-bottom-right, to-bottom-left, to-top-right, to-top-left..
  • background-gradient-stops-colors : The colours of the gradient stops (i.e. cyan magenta yellow).
  • background-gradient-stops-positions : The positions of the gradient stops (i.e. 0% 50% 100%). If not specified (or invalid), the stops will divide equally.

Edge line:

  • line-fill : The filling style of the edge's line; may be solid (default), linear-gradient, or radial-gradient.

Edge gradient

  • line-gradient-stops-colors : The colours of the gradient stops.
  • line-gradient-stops-positions : The positions of the gradient stops (i.e. 0% 50% 100%). If not specified (or invalid), the stops will divide equally.

Motivation for new feature

This allows for programmatic gradients on nodes and edges. This would be possible without native support for nodes (using SVG background images), but it would not be possible for edges without native support. Having native support makes the gradients easier to make for nodes, even if native support is not absolutely necessary.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.