试一试

发布时间 2023-04-17 22:57:20作者: 咸鱼本君

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/font-awesome/css/font-awesome.min.css">
<style>
html,body {
width: 100%;
height: 100%;
}
</style>
</head>
<body>
<div style="width: 100%; height: 100%;"></div>
</body>
<script src="https://eqcn.ajz.miesnfu.com/wp-content/plugins/wp-3d-pony/live2dw/lib/L2Dwidget.min.js"></script>
<script>
L2Dwidget.init({
"model": {
jsonPath: "https://unpkg.com/live2d-widget-model-koharu@1.0.5/assets/koharu.model.json",
"scale": 1
},
"display": {
"position": "right", //看板娘的表现位置
"width": 150, //小萝莉的宽度
"height": 300, //小萝莉的高度
"hOffset": 0,//小萝莉的X偏移量
"vOffset": -20//小萝莉的Y偏移量
},
"mobile": {
"show": true,//是否在移动端展示
"scale": 0.5 //范围
},
"react": {
"opacityDefault": 0.7,//小萝莉的透明度
"opacityOnHover": 0.2 //鼠标跟随透明度
}
});
</script>
</html>