注意：在更改渲染区域大小时，需要保持container盒子的宽高与渲染大小的宽高一致，这样射线器才能检测到准确检测到热力点（目前本人没有想到别的方法解决）。工作中遇到实现3D热力图的需求，写了个demo简单记录一下，话不多说先上效果图。

切换

使用浏览器的本地存储（localStorage 或 sessionStorage）进行数据持久化使用第三方库进行状态管理持久化。使用库，安装后可以很方便地实现数据持久化。安装并在sotre使用插件在需要持久化的store中添加persistcount: 0,age:30}),persist: true, // 整个状态都进行持久化// 或者// paths: ['count'], // 只持久化