jquery - JQuery，Canvas，更新变量

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

您可以使用 jQuery将函数绑定到resize事件：

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