今天遇到了点小问题，上百度搜问题,无意中看到了这个效果，就找了下，给大家分享一下。

效果如下图

三岁半资源

鼠标进入网页，小萝莉会根据鼠标位置而发生变化，此效果是canvas来实现的

原项目https://github.com/EYHN/hexo-helper-live2d

需要给自己网站添加，复制下方代码即可。

小萝莉可能会遮挡网页，但是不会影响网站的点击事件，放心大胆的加

CSS（我自己给萝莉添加了点透明度，可要可不要）

    #live2dcanvas{
        opacity: .8;
    }


JavaScript

    L2Dwidget.init({"display": {
    "superSample": 2,
    "width": 200,
    "height": 400,
    "position": "right",
    "hOffset": 0,
    "vOffset": 0
      }
 });


复制上放JS，粘贴到你网站支持js的地方即可

外部JS我引入的是我的cdn，当然您可下载下来自己引入

JS单个文件底部附件下载

<br/>

给网页添加一个可爱的小萝莉

下载地址：https://www.lanzous.com/i6ukroh

© 允许规范转载
如果觉得我的文章对你有用，请随意赞赏