文章作者:激萌の小宅
促销:¥0
价格:¥0
配送方式:
购买后立即生效(如购买异常,请联系站长)
付款之后一定要等待自动跳转结束,否则购买可能会失败
-
0 天
有效期
-
0
总销量
-
1
累计评价
live2d-widget看板娘
下载地址: https://cdn.jsdelivr.net/gh/stevenjoezhang/live2d-widget/
引用方法
<script src="/KanBan/js/autoload.js"></script>
其实我们只需要下面这5个文件即可,这里要注意,js和css文件一定要放在同一个目录下面,并且是在js文件夹下。
我的autoload.js文件代码:
//注意:live2d_path参数应使用绝对路径
//const live2d_path = "https://cdn.jsdelivr.net/gh/stevenjoezhang/live2d-widget/";
const live2d_path = "/KanBan/js/";
//const live2d_path = "/live2d-widget/";
//加载waifu.css
$("<link>").attr({ href: live2d_path + "waifu.css", rel: "stylesheet" }).appendTo("head");
//加载live2d.min.js
$.ajax({
url: live2d_path + "live2d.min.js",
dataType: "script",
cache: true
});
//加载waifu-tips.js
$.ajax({
url: live2d_path + "waifu-tips.js",
dataType: "script",
cache: true
});
//初始化看板娘,会自动加载指定目录下的waifu-tips.json
$(window).on("load", function () {
initWidget(live2d_path + "waifu-tips.json", "https://live2d.fghrsh.net/api");
});
//initWidget第一个参数为waifu-tips.json的路径
//第二个参数为api地址(无需修改)
//api后端可自行搭建,参考https://github.com/fghrsh/live2d_api
效果如下: