fabricjs - ファブリック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();
}

これがいつか誰かになることを願っています。