JQuery, Canvas, 변수 업데이트

Question

저는 주로 재미를 위해서뿐만 아니라 seriouz를 위해서 몇몇 JQuery를 배우려고합니다. 이것은 아주 작은 프로그램으로, 문서를로드 할 때 창의 너비를 표시합니다.

function window_width(window_w){ 

    var window_w = ($(window).width()); 
    var canvas = document.getElementById("width_w"); 
    if (canvas.getContext) { 
    var ctx = canvas.getContext("2d"); 
    ctx.strokeText(window_w, 0, 10); 
    ctx.stroke(); 
} 
} 

내가 더하고자하는 것은 다른 사람이 창 크기를 조정할 때이 변수의 표시를 계속 업데이트하는 것입니다. 이 작업을 수행하는 방법을 잘 모르겠습니다. 다른 함수를 작성해야합니까, 아니면 메서드가 있습니까?

Answer 1

당신은 jQuery를 함께 resize 이벤트에 함수를 바인딩 할 수 있습니다 :

$(window).resize(function() { 
    // You can put the code from your window_width function here. 
});