fabricjs - 有什么方法可以在织物 js 中拉伸/折叠画布网格？

Question

我正在考虑使用输入字段拉伸/折叠画布网格。我也尝试了grid.js。但这不适用于fabric js，尽管我很努力。

是否可以通过用户输入拉伸/折叠画布网格？

Answer 1

我已经使用我在 jsfiddle 中找到的其他一些人的解决方案提出了一个解决方案，但我现在找不到该参考链接。我刚刚定制了该解决方案以使用我的代码。感谢那家伙。这是我的解决方案 -

function draw_grid(grid_size) {

    grid_size || (grid_size = 25);
    currentCanvasWidth = canvas.getWidth();
    currentcanvasHeight = canvas.getHeight();


    // Drawing vertical lines
    var x;
    for (x = 0; x <= currentCanvasWidth; x += grid_size) {
        this.grid_context.moveTo(x + 0.5, 0);
        this.grid_context.lineTo(x + 0.5, currentCanvasHeight);
    }

    // Drawing horizontal lines
    var y;
    for (y = 0; y <= currentCanvasHeight; y += grid_size) {
        this.grid_context.moveTo(0, y + 0.5);
        this.grid_context.lineTo(currentCanvasWidth, y + 0.5);
    }

    grid_size = grid_size;
    this.grid_context.strokeStyle = "black";
    this.grid_context.stroke();
}

我希望有一天会有人。