Presentación de las plantillas

Una plantilla define la representación gráfica de un nodo o un enlace con una serie de caracteres o una descripción de objeto del contenido del nodo o del enlace. La descripción se basa en la especificación de serialización dojox.gfx (consulte http://docs.dojocampus.org/dojox/gfx). A este mecanismo se le conoce como plantillas.
En la terminología de Dojo Diagrammer, una plantilla es una descripción de la representación gráfica de un nodo o enlace. Se expresa como una serie JSON pero también puede ser un objeto JavaScript normal.
La plantilla siguiente muestra un nodo como una forma rectangular azul básica. Define la forma gráfica como una forma GFX Rect (indicado por el tipo de propiedad, ‘rect’) con un tamaño de 130x80 píxeles y cuyo color de relleno es azul:
1. {
2.  shape: {
3.   type:'rect',
4.   width:130,
5.   height:80
6.  },
7.  fill: 'blue'
8.}
La ubicación de la forma rectangular no se especifica y, por consiguiente, se establece en el valor predeterminado (0,0).
Para que un nodo contenga más de una forma, la plantilla debe definir una matriz de nivel superior que contenga formas hijo.
La plantilla siguiente muestra una forma rectangular junto con una forma de texto.
1.[
2.{
3.   shape: {
4.        x: 0,
5.        y: 0,
6.        width: 80,
7.        height: 40,
8.        r: 5,
9.        type: 'rect'
10.    },
11.    fill: 'blue',
12.    stroke: {
13.        'color': 'black',
14.        'width': 2
15.    }
16.}, 
17.{
18.    shape: {
19.        type: 'text',
20.        text: 'Hello World!',
21.        x: 40,
22.        y: 24,
23.        align: 'middle'
24.    },
25.    fill: 'black',
26.    font: {
27.        type: 'font',
28.        size: '10pt',
29.        family: 'sans-serif'
30.    }
31.}
32.]
La primera forma, definida entre las líneas 2 y 16, es la misma forma rectangular del ejemplo anterior, pero se le ha añadido un trazo personalizado (línea 12). La segunda forma, definida entre las líneas 17 y 31, es una forma GFX de texto que muestra la etiqueta Hello world!