lhyunited.github.io
介绍
环境介绍
项目主页采用了vue.js + canvas + sass进行合并,在手机端和pc端有不同的表现
pc端
采用画布进行重构,黑色矩形会跟随鼠标一起移动,我们假设鼠标的event事件为e ,矩形的宽高分别就是e.clientX , e.clientY ,也就是鼠标距离窗口左上角的距离。当黑色矩形穿过h1 title标题时,文字就透过黑色显示了出来。
我们使用getBoundingClientRect()来获取首页h1标题的宽高以及方位,从而使