长欢

实现思路 pointer设置绝对定位，使用css变量动态改变线框的位置，通过mask蒙层设置线框只显示四个角 来源 dy 渡一

通过计算鼠标首次进入时的位置与容器中心的夹角，将容器分为四个象限（45度分隔），使用Math.atan2计算角度，从而判断鼠标是从上、下、左、右哪个方向进入容器。

将一个dataUrl地址放在一个文件中，通过读取文件给图片src赋值，分别在vite、webpack中实现

使用Css属性实现(存在兼容性问题)：aspect-ratio 或者使用 padding + 定位实现

问题 react18+vite中用到了大量svg，如何能够方便的使用？使用vite的vite-plugin-svgr将svg转为react组件