Difference between revisions of "Manual/Graph/Global Style"

From Knotter
< Manual‎ | Graph
Jump to navigation Jump to search
m (Mattia Basaglia moved page Manual/Graph/Style to Manual/Graph/Global Style)
Line 1: Line 1:
−
There are two sets of style features to affect the look of the knot: ''Knot Display'' and ''Knot Style''.
+
{{ambox|type=info|text=Updated to version 0.9.5}}
  
−
<subpages/>
+
This section describes how to change the appearance of the entire Knot.
  
−
==Knot Display==
+
==Appearance==
−
The style options in ''Knot Display'' affect the entire graph, and they affect how the graph is displayed but its shape is not altered.
+
The option available on the [[Manual/Dialogs/Appearance|Appearance dialog]] affect how the knot stroke is drawn but they don't change the shape of the knot.
−
These features are those that can be changed on an exported SVG without changing the path control points. These options can be selected on the [[Manual/Dialogs/Knot Display|Knot Display dialog]].
 
  
 
===Colors===
 
===Colors===
−
Depending on the design there may be multiple ropes that make the knot, specifying multiple colors will cycle the defined colors when drawing each rope. If only a single color is defined, the entire knot will have that color.
+
Depending on the design there may be multiple ropes that tied into the knot. If multiple colors are specified here, Knotter will cycle the defined colors when drawing each rope. If only a single color is defined, the entire knot will have that color.
−
Knotter also supports automatic coloring that assigns a distinct color to each rope in the knot, this may be useful to study the topology of that knot.
+
Knotter also supports automatic coloring that assigns a distinct color to each rope, this may be useful to study the topology of that knot.
 
<gallery>
 
<gallery>
 
File:Ropes_1.png|A knot with a single color
 
File:Ropes_1.png|A knot with a single color
Line 17: Line 16:
  
 
===Width===
 
===Width===
−
The width is the thickness of the rope tied in the knot.
+
The width is the thickness of the rope.
 
<gallery>
 
<gallery>
 
File:Ropes_1.png|Width 30px
 
File:Ropes_1.png|Width 30px
Line 33: Line 32:
 
===Pattern===
 
===Pattern===
 
Change the pattern used to draw the knot.
 
Change the pattern used to draw the knot.
−
Note that SVG export does not support pattern and that antialiasing may blur the pattern details.
+
Note that SVG export does not support pattern and that anti-aliasing may blur the pattern details.
 
<gallery>
 
<gallery>
 
File:Pattern solid.png|Solid Pattern
 
File:Pattern solid.png|Solid Pattern
Line 47: Line 46:
 
</gallery>
 
</gallery>
  
−
==Knot Style==
+
==Default Style==
−
The options in ''Knot Style'' instead affect the shape itself, they can be customized on a subset of the graph.  
+
The options in the [[Manual/Dialogs/Default Style|Default Style dialog]] change the shape of the knot. These options can also be changed only on part of the knot (See {{bl|Manual/Graph/Selection Style}}). Some of these features may behave differently depending on the {{bl|Manual/Graph/Edge Type}} or {{bl|Manual/Graph/Cusp Shape}}.
−
Their exact meaning depends on the {{rl|Edge type|edge type}} and {{rl|Cusp shape|cusp shape}}.
+
 
−
Every feature in ''Knot Style'' can be configured using the [[Manual/Dialogs/Knot Style|Knot Style dialog]] and on a per-node basis via the [[Manual/Dialogs/Selection Style|Selection Style dialog]].
 
  
 
[[File:Screenshot 0.9 shapes.png|thumbnail|Some Solomon's knots with different styles]]
 
[[File:Screenshot 0.9 shapes.png|thumbnail|Some Solomon's knots with different styles]]
  
−
===Curve===
+
===Global Options===
−
Size of the curve control handles, its behaviour depends on the edge type. In general, it controls the way a ropes approaches the center of an edge and the cusp point.
+
These options affect both nodes (cusps) and edges (crossings).
  
−
===Gap===
+
====Curve====
−
Distance between the ends of a loop then a rope passes under another rope. It may change meaning for different edge types.
+
Size of the curve control handles, it controls the way a ropes approaches the center of an edge and the cusp point.
  
−
===Angle===
+
===Node Options===
 +
These options affect how nodes and cusps are rendered,  their meaning may change meaning for different cusp shapes.
 +
 
 +
 
 +
====Angle====
 
Minimum angle between edges for which a cusp shall be drawn.
 
Minimum angle between edges for which a cusp shall be drawn.
  
−
===Distance===
+
====Distance====
 
Distance of the cusp point from the node position.
 
Distance of the cusp point from the node position.
  
−
===Style===
+
====Style====
 
The style used to draw a cusp.
 
The style used to draw a cusp.
 +
 +
===Edge Options===
 +
These options affect how edges and crossings are rendered,  their meaning may change meaning for different edge types.
 +
 +
====Gap====
 +
Distance between the ends of a loop then a rope passes under another rope.

Revision as of 11:11, 16 October 2013

Updated to version 0.9.5

This section describes how to change the appearance of the entire Knot.

Appearance

The option available on the Appearance dialog affect how the knot stroke is drawn but they don't change the shape of the knot.

Colors

Depending on the design there may be multiple ropes that tied into the knot. If multiple colors are specified here, Knotter will cycle the defined colors when drawing each rope. If only a single color is defined, the entire knot will have that color. Knotter also supports automatic coloring that assigns a distinct color to each rope, this may be useful to study the topology of that knot.

  • A knot with a single color

  • The same knot with two user defined color

  • The same knot with automatic coloring

Width

The width is the thickness of the rope.

  • Width 30px

  • Width 5px

Joint Style

If the knot style results in some sharp angles, this affects how they are displayed.

  • Bevel

  • Miter

  • Round

Pattern

Change the pattern used to draw the knot. Note that SVG export does not support pattern and that anti-aliasing may blur the pattern details.

  • Solid Pattern

  • Dense 2 Pattern

  • Diagonal Cross Pattern

Borders

Borders can be customized via the Borders dialog. Each new border is added on top of the previous one and has its own color and width.

  • A knot without borders

  • A knot with three borders

Default Style

The options in the Default Style dialog change the shape of the knot. These options can also be changed only on part of the knot (See Selection Style). Some of these features may behave differently depending on the Edge Type or Cusp Shape.


Some Solomon's knots with different styles

Global Options

These options affect both nodes (cusps) and edges (crossings).

Curve

Size of the curve control handles, it controls the way a ropes approaches the center of an edge and the cusp point.

Node Options

These options affect how nodes and cusps are rendered, their meaning may change meaning for different cusp shapes.


Angle

Minimum angle between edges for which a cusp shall be drawn.

Distance

Distance of the cusp point from the node position.

Style

The style used to draw a cusp.

Edge Options

These options affect how edges and crossings are rendered, their meaning may change meaning for different edge types.

Gap

Distance between the ends of a loop then a rope passes under another rope.

Retrieved from "https://knotter.mattbas.org/index.php?title=Manual/Graph/Global_Style&oldid=737"