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

From Knotter
< Manual‎ | Graph
Jump to navigation Jump to search
 
(10 intermediate revisions by the same user not shown)
Line 1: Line 1:
−
There are two sets of style features to affect the look of the knot: ''Knot Display'' and ''Knot Style''.
+
{{vbox|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 40: Line 39:
 
</gallery>
 
</gallery>
  
−
==Knot Style==
+
==Borders==
−
The options in ''Knot Style'' instead affect the shape itself, they can be customized on a subset of the graph.  
+
Borders can be customized via the [[Manual/Dialogs/Border|Borders dialog]]. Each new border is added on top of the previous one and has its own color and width.
−
Their exact meaning depends on the edge type and cusp shape.
+
<gallery>
−
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:Ropes_auto.png|A knot without borders
 +
File:Borders_sample.png|A knot with three borders
 +
</gallery>
 +
 
 +
==Default Style==
 +
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 [[Manual/Graph/Selection Style#Edge Type|Edge Type]] or [[Manual/Graph/Selection Style#Cusp Style|Cusp Shape]].
 +
 
 +
 
 +
[[File:Screenshot 0.9 shapes.png|thumbnail|Some Solomon's knots with different styles]]
  
−
[[File:Screenshot 0.8 shapes.png|thumbnail|Some Solomon's knots with different styles]]
+
===Global Options===
 +
These options affect both nodes (cusps) and edges (crossings).
  
−
===Curve===
+
;Curve
−
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.
+
:Size of the curve control handles, it controls the way a ropes approaches the center of an edge and the cusp point.
  
−
===Gap===
+
===Node Options===
−
Distance between the ends of a loop then a rope passes under another rope. It may change meaning for different edge types.
+
These options affect how nodes and cusps are rendered,  their meaning may change meaning for different cusp shapes.
  
−
===Angle===
+
;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 of the cusp point from the node position.
 +
;Style
 +
:The style used to draw a cusp.
  
−
===Distance===
+
===Edge Options===
−
Distance of the cusp point from the node position.
+
These options affect how edges and crossings are rendered,  their meaning may change meaning for different edge types.
  
−
===Style===
+
;Gap
−
The style used to draw a cusp.
+
:Distance between the ends of a loop then a rope passes under another rope.
 +
;Slide
 +
:Offset of the crossing position.

Latest revision as of 19:51, 28 January 2014

This page is updated to Knotter 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.
Slide
Offset of the crossing position.
Retrieved from "https://knotter.mattbas.org/index.php?title=Manual/Graph/Global_Style&oldid=915"