静态页面引入看板娘live2d

静态页面引入看板娘live2d

第一步：页面上放一个canvas

<canvas id="live2d" width="280" height="250"></canvas>

第二步：引入live2d.js
live2d.js

第三步：js加载模型

// 调用 第一个参数是id  第二个是路径
loadlive2d("live2d", "/home/lib/rem/model.json");

这样就成功了，如果要改变大小，则改css和canvas的宽高

 #live2d {
    position: fixed;
    bottom: 0;
    left: -100;
    z-index: 99;
    pointer-events: none;
}

注意：本地无法实现，需要在服务器上运行

原作者博客文章