패브릭 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(); 
} 

언젠가는 누군가가되기를 바랍니다.