vision

Vision

Intro

Creating the application requires some thinking, to develop a vision for how to design the mode. On this page I will write down my ideas about the design. This page can be used by other users who would like to contribute or join in development. Feedback on the ideas, I also consider to be contributing.

Structure of the svg

The svg markup language provides handy elements for structuring the images. It is useful (and easy) to cleverly make use of those elements to increase the editing power of sketch-mode. I am not very familiar with the xml/html/svg language, but while developing new features for this package, I had to come up with new better ways for structuring the svg images. For the moment I have decided to structure the images as follows (groups are handy because they provide an way for ‘implementing’ transformations):

• svg
  • background rectangle
  • group (root)
    • grid
    • labels
    • group (sketch)
      • group (layer-0)
        • group (object)
      • group (layer-1)
        • …

Definition side window

Layers

I am planing to implement layers via svg groups (i.e. using g tags). Then layers can be easily made togglable (included/excluded from the svg definition). While working on a layer the definition of the layer should be added (pretty printed) to a buffer that can be toggled in a side-window (on the right).

Modifying objects

Also when modifying objects, the side window can be used to show the single object its definition (sexp, pretty printed). This is much easier then parsing the objects properties keys/values in e.g. the transient (or tablist/ctable).