将字符串转换为画布绘制的参考点

Question

我想要能够将简单的文本图表更改为用于在HTML5画布中绘图的坐标。

假设我有以下文本图表，出于假设目的，我们可以想象它存储在django模型的文本字段中。

     1
     2
  3  L  4
   5 6 7
     8

我想要的是通过弄清楚每个数字（或字母）在字符串中的位置，将其绘制到画布上。空间也很重要。

我不知道从哪里开始。