Javascript 使用fabric.js创建辅助线和网格标尺

有没有办法像photoshop那样使用fabric.js创建辅助线和网格尺？ 我知道有一个图书馆是这样做的：

但是我想对Div应用标尺和引导。那么有没有其他库或一些fabricJs代码段来实现这一点呢

---

谢谢。

这里有一个fabricjs中统治者的演示：。它的主要部分是在循环中添加行和文本标记：

 window.canvas.add(new fabric.Line([measurementThickness - tickSize, location1, measurementThickness, location1], { stroke: '#888', selectable: false }));
    window.canvas.add(new fabric.Text(count + "\"", {
        left: measurementThickness - (tickSize * 2) - 7,
        top: location1,
        fontSize: 12,
        fontFamily: 'san-serif'
    }));