|| | |||Browse by category|
What CSS syntax should I use to specify a shape for a node?
For basic shapes, the simplest approach consists in using the 'shapeType' property of the node.
For more arbitrary shapes, you define a string property called 'shape' for the node. This shape-string is essentially a text representation of a
The shape-string itself consists of two components "path" and "rule", that is:
The entire shape-string is enclosed in double quotes (") and the inner strings are enclosed in escaped double quotes (\").
The pathspec contains blanks, float numbers, and the letters MLQCz. It is a sequence of instructions that correspond to the segment types of
The pathspec specifies a path iterator. The instructions can be:
For SEG_MOVETO, ... SEG_CLOSE, see
Here, x1, ... x3 and y1, ... y3 are float numbers (to be precise: numbers that can be read via
Blanks are optional but subsequent numbers must be separated by at least one blank to avoid ambiguity.The rulespec can be "nonzero" or "evenodd", which correspond respectively to
It may be easier to design the nodes in the Designer and have save the CSS information. However, if you want to build your own shape-strings, this is the form that is used.