静态页面引入看板娘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;
}
注意:本地无法实现,需要在服务器上运行