在织物js中拉伸/折叠画布网格的任何方法？

Question

我正在考虑使用输入字段拉伸/折叠画布网格。我也试过了grid.js。但这不适用于面料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();
}

我希望有一天会有人这样做。