绘制矢量图形

Question

我使用LibreOffice创建了一个简单的图形：

线条不对称。

我很懒惰，有点自闭症。用鼠标移动线条对我来说并不正确。我不太可能找到该图片所有六行的匹配位置。

我想编码。

AFAIK有几种方法。您可以使用dot或JavaScript。

纯JS解决方案就足够了，我不需要创建SVG / PNG / JPG。

如何用dot或JS做到这一点？

Answer 1

即使在LibreOffice中，您也可以使用网格。请参阅this answer

Answer 2

您可以使用此库来绘制框：http://paperjs.org/