Edit Diagrams - Guy-Dentelle-Neupre/DiBL GitHub Wiki

The tiled templates are designed in SVG format. You can view this format with most modern browsers and many vector editors support the format. The templates may have some Inkscape specific properties. An excellent resource for using Inkscape is the Inkscape Manual by Tav Mjong. This page concentrates on specific properties of the tiled templates. Most of the instructions rely on the result of the previous one. Changing the angle can be don any time.

Table of Contents

Change the grid angle

To change the angle of the grid, just squeeze the diagram.

Get rid of the background

Without the background is is easier to select other objects. To get rid of the background, first right click the "base tile", enter the group, click the background again. The status line should now should say "rectangle in layer base tile". Delete it. In the status line, open the spinner to return to layer 1, or click some object outside the base tile.

Apply tension to the threads

Threads might not look very properly tensioned. That was the price to pay for the technique of composing a diagram as a jigsaw puzzle with pre-drawn stitches on tiles: The ends need to meet at fixed points at the edge of the tiles.

You can correct the lines for the whole diagram by just adjusting the base tile at the bottom of the page.

  • Unlink the cloned stitches in base tile: right-click the base tile to enter the group, select all with CTRL-A, unlink with ALT-SHIFT-D.
  • Make the background shape darker to reveal the dots that create the gaps in the lines in the background.
  • Adjust the lines and move the dots to keep them at the shifted intersections. You can do most with the tool 'edit path by nodes (F2)'. Just to move the dots switch to 'Select and transform objects (F1)'. Snap to cusp nodes helps to make ends meet, otherwise snapping is contra-productive during this procedure.

Get rid of the clones and groups

Start with deleting the building blocks below the big diagram. Then ungroup everything: _edit - select all_ (or CTRL-A) then at least three times _object - ungroup_ (or CTRL-U). As a result the diagram should look as shown in close up on the right. The clutter of bounding boxes shows that each dot and line segment is selected as an individual object.

Apply color to the threads

The main purpose of the thread diagrams is to examine how individual threads run through the lace. A different color and/or width for individual threads makes this research easier.

Applying thread styles is made easier with an Inkscape plugin, see Installation.

The tiled templates make heavy use of clones and groups, we should get rid of them before we can use the tool. In the crowded diagram, selecting a segment of a thread is easier with the node tool (F2), it briefly highlights the segment under the mouse. The screenshot below shows two changed threads and a segment prepared to paint the rest of the thread green. The opened menu shows how to get the dialog. You can keep the dialog open while selecting another segment.

SVG editors and browser experience

General overview of SVG support in browsers. Some observations from tests:

  • Safari 6.0.5 omits the interesting part of the diagram. It looks like it does not support clones of clones ('clone' is `InkScape` terminology for 'use' elements in SVG)
  • Occasionally not all stitches are rendered by `FireFox`, refresh the page to try again.
Other editors might have slightly different procedures.
Editor test results
DIA - shows rubbish
InkScape X
SVG-edit demo version 6 - too slow in `FireFox` 23.0.1
others ? please let us now
⚠️ **GitHub.com Fallback** ⚠️