svg_tetraflexagon_editor: draw also the backface

One of the faces also have a backface, draw it to make it easier to
visualize how it will look like when folding the flexagon.

tetraflexagon_diagram: add a function to calculate the tile offset in a square

tetraflexagon_diagram: do not use a fill_color for the template tiles

Pass fill_color=None when drawing the template to make it only
a wireframe reference, as it is done for the hexaflexagon case.

This also makes the result more usable as the user is able to view the
content layers more clearly without filled squares on top.

diagram: fix a typo in a comment s/con/cos/

diagram: share the rotate-translate calculation in the generic diagram class

Move the calculation of the rotate-translate transformation matrix into
the generic diagram class, so that it can be shared.

{hexa,tetra}flexagon_diagram: fix typos in comments

svg_tetraflexagon_editor: fix comment

The comment was copied from the Hexaflexagon example, but here the tiles
are rectangles, not polygons, amend the comment to reflect that.

svg_tetraflexagon_editor: remove duplicate code

svg_tetraflexagon_editor.py: fix coding style

Add an expected blank line between a class and a function, reported by
pycodestyle:

  $ pycodestyle svg_tetraflexagon_editor.py
  svg_tetraflexagon_editor.py:117:1: E302 expected 2 blank lines, found 1

trihexaflexagon: improve get_angle_in_plan_relative_to_hexagon()

Instead of doing some arcane calculation, do what the function is meant
to do: calculate an angle relative to another angle..

This also makes the code more robust in the case the calculation of the
other angles should change for some reason.

Leave the explicit formula in the comment as documentation.

trihexaflexagon: clarify the formula in get_angle_in_plan_relative_to_hexagon()

Write the formula in a clearer way and explain the meaning of the
integer division.

Change how a trihexaflexagon is drawn

Change how a trihexaflexagon is drawn to obtain a hexaflexagon more
aligned with conventions used elsewhere.

Now the hexagons are drawn with a "vertical orientation", opposed to the
previous horizontal one where they looked like they were laying on the
x axis.

This shows more clearly that the triangles are grouped in couples and
these couples only change orientation on one axis when shown on the
"opposite" face.

To have a clearer view of hat that means take a look at "The symmetry
within the trihexaflexagon, with Simon Pampena":
https://www.youtube.com/watch?v=NBJrGbbxceU

tetraflexagon_diagram: fix typo

The function is called calc_angle_in_plan().

hexaflexagon_diagram: reuse get_triangle_center_in_plan()

Reuse get_triangle_center_in_plan() also in draw_plan_template() instead
of open coding the calculations.

Add an example to show how Inkscape can be used as a tetraflexagon editor

Add support for tetraflexagons

svgwrite_diagram: add a test function

Add a test function similar to the one used in the cairo backend.

Add also the same workaround to handle local includes in python2.

svgwrite_diagram: return "something" from draw_centered_text()

Add a quick and dirty way to advance text when calling
draw_centered_text() just for consistency with the cairo backend.

The return value is just a rough estimate, it does not consider the
particular font in use.

cairo_diagram: save a file when generating the test diagram

diagram: factor out a generic drawing test

Factor out from cairo_diagram.py some code which draws a test diagram
and put it into diagram.py

svgwrite_diagram: implement draw_circle, draw_line and draw_rect

Complete the implementation of the svgwrite diagram backend by
implementing the missing methods.

svgwrite_diagram: proper support for stroke_width

Support stroke_width for all drawing operations that call the _stroke()
method, and remove ad-hoc support for draw_polygon_by_verts() and
draw_star_by_verts()

svgwrite_diagram: implement the clear() method

diagram: move draw_rect_from_center to the generic Diagram class

Move draw_rect_from_center from cairo_diagram.py to diagram.py as it
does not depend on any specific backend.

TODO: mention that showing the "wrong" faces could be useful too

Add an example to show how Inkscape can be used as a flexagon editor

Initial import