textDraw

example.json (2179B)

     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: 2,
    14      y: 2,
    15      xx: 28,
    16      yy: 7,
    17      style: 'single',
    18      color: 'magenta',
    19      bgColor: 'blue',
    20      arcCorner: true
    21     },
    22  {type: 'text',
    23   text: "In the blue box",
    24      x: 7,
    25      y: 5,
    26   color:   '#ffaaaa',
    27  }
    28  {type: 'box',
    29      x: 40,
    30      y: 0,
    31      xx: 62,
    32      yy: 9,
    33      style: 'heavyDash',
    34      color: 'Yellow',
    35      bgColor: '#bbffbb',
    36      arcCorner: false
    37     },
    38  {type: 'text',
    39   text: "A green box",
    40      x: 46,
    41      y: 5,
    42   color:   '#ffaaaa',
    43  }
    44  {type: 'box',
    45      x: 41,
    46      y: 11,
    47      xx: 62,
    48      yy: 21,
    49      style: 'heavyDash',
    50      color: 'Yellow',
    51      bgColor: '#ffbbbb',
    52      arcCorner: false
    53     },
    54  {type: 'text',
    55   text: "RGB Colors",
    56      x: 47,
    57      y: 16,
    58   color:   'black',
    59  }
    60  {type: 'horizontalLine',
    61     at:   5,
    62   start: 29,
    63   stop:  39,
    64   stopEdge:  '▷', // when missing use style (straight line)
    65   style: 'double'
    66   color:   '#ffffff',
    67  },
    68  {type: 'verticalLine', // or horizontalLine
    69     at:   5,
    70   start: 10,
    71   stop:  20,
    72   startEdge: '▲',
    73   stopEdge:  '╚', // when missing use style (straight line)
    74   style: 'heavy'
    75   color:   '#fffffff',
    76   bgColor: 'blue'
    77  },
    78  {type: 'verticalLine', // or horizontalLine
    79     at:   6,
    80   start: 10,
    81   stop:  19,
    82   startEdge: '▲',
    83   stopEdge:  '▼', // when missing use style (straight line)
    84   style: 'single'
    85   color:   '#fffffff',
    86   bgColor: 'blue'
    87  },
    88  {type: 'horizontalLine',
    89     at:   20,
    90   start: 6,
    91   stop:  40,
    92   stopEdge:  '▷', // when missing use style (straight line)
    93   style: 'double'
    94   color:   '#ffffff',
    95   bgColor: 'green'
    96  },
    97  {type: 'horizontalLine',
    98     at:   13,
    99   start: 0,
   100   stop:  40,
   101   style: 'double'
   102   color:   '#ffffff',
   103   bgColor: 'green'
   104  },
   105  {type: 'horizontalLine',
   106     at:   12,
   107   start: 0,
   108   stop:  40,
   109   startEdge: '◀',
   110   stopEdge:  '▶', // when missing use style (straight line)
   111   style: 'heavyDoubleDash'
   112   color:   '#ffffff',
   113   bgColor: 'green'
   114  },
   115  {type: 'text',
   116   text: "the text",
   117      x: 1,
   118      y: 1,
   119   color:   '#ffffff',
   120   bgColor: 'green'
   121  }
   122 ]
   123