textDraw

d.json (1421B)

     1 [
     2  {type: 'box',
     3      x: 0,
     4      y: 0,
     5      xx: 30,
     6      yy: 9,
     7      style: 'double',
     8      color: 'Yellow',
     9      bgColor: 'green',
    10      arcCorner: false
    11     },
    12  {type: 'box',
    13      x: 32,
    14      y: 0,
    15      xx: 52,
    16      yy: 9,
    17      style: 'heavyDash',
    18      color: 'Yellow',
    19      bgColor: 'green',
    20      arcCorner: false
    21     },
    22  {type: 'verticalLine', // or horizontalLine
    23     at:   5,
    24   start: 10,
    25   stop:  20,
    26   startEdge: '▲',
    27   stopEdge:  '╚', // when missing use style (straight line)
    28   style: 'heavy'
    29   color:   '#fffffff',
    30   bgColor: 'blue'
    31  },
    32  {type: 'verticalLine', // or horizontalLine
    33     at:   6,
    34   start: 10,
    35   stop:  19,
    36   startEdge: '▲',
    37   stopEdge:  '▼', // when missing use style (straight line)
    38   style: 'single'
    39   color:   '#fffffff',
    40   bgColor: 'blue'
    41  },
    42  {type: 'horizontalLine',
    43     at:   20,
    44   start: 6,
    45   stop:  40,
    46   stopEdge:  '▷', // when missing use style (straight line)
    47   style: 'double'
    48   color:   '#ffffff',
    49   bgColor: 'green'
    50  },
    51  {type: 'horizontalLine',
    52     at:   13,
    53   start: 0,
    54   stop:  30,
    55   style: 'double'
    56   color:   '#ffffff',
    57   bgColor: 'green'
    58  },
    59  {type: 'horizontalLine',
    60     at:   12,
    61   start: 0,
    62   stop:  40,
    63   startEdge: '◀',
    64   stopEdge:  '▶', // when missing use style (straight line)
    65   style: 'heavyDoubleDash'
    66   color:   '#ffffff',
    67   bgColor: 'green'
    68  },
    69  {type: 'text',
    70   text: "the text",
    71      x: 1,
    72      y: 1,
    73   color:   '#ffffff',
    74   bgColor: 'green'
    75  }
    76 ]
    77