Javascript 如何在视口更改时动态更新画布大小（真实像素）？

我正在使用bootstrap4并将

放在

中（填充0） CSS:

画布{高度：200；宽度100%；}

。在我的js

init（）

方法中，我重置

can.height

和

can.width

以匹配我的（例如，

document.getElementById（'can'）.getBoundingClientRect（

）。因此，真实像素与CSS像素匹配

在用户调整浏览器大小（即更改视口）之前，此操作一直有效

我的问题是：如何设置在视口更改时触发事件处理程序？您可以使用

你可以用

window.addEventListener("resize", function() {
    //do whatever to set the size
}, false);