使用window.onresize来监控界面大小变化
this.init();重新调用渲染函数来渲染界面。
关键的点在于；要清空原来渲染的图形。

let container = document.getElementById("container")
   while (container.firstChild) container.removeChild(container.firstChild);

清空画布里的模型，子元素。再调用函数。
eg：

  window.onresize = () => {
        //页面变化的时候，页面的内容重新渲染就不会产生变形了
        let container = document.getElementById("container")
        while (container.firstChild) container.removeChild(container.firstChild);
        // $("#container").empty();
        this.init();
      }

版权属于：小小窝/禾下月

本文链接：https://hxyxyz.top/index.php/Web/250.html

本站文章采用 知识共享署名4.0 国际许可协议 进行许可，请在转载时注明出处及本声明！