JQuery，画布，更新变量

Question

我想学习一些JQuery，主要是为了好玩，但也为seriouz。 这是一个很小的程序，它在加载文档时显示窗口的宽度。

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

您可以将功能绑定到resize事件使用jQuery：

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