Live2d看板娘转载自：https://www.cnblogs.com/yjlaugus/p/8724881.html

转载自：www.cnblogs.com/yjlaugus/p/…

下载完后解压，只需要把css和俩个js引入即可

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>Live2D</title>
    @*板娘css样式*@
    <link href="~/assets/waifu.css" rel="stylesheet" />
    @*jQuery*@
    <script src="~/lib/jquery/dist/jquery.min.js"></script>
</head>
<body>

    <div class="waifu" id="waifu">
        <div class="waifu-tips" style="opacity: 1;"></div>
        <canvas id="live2d" width="280" height="250" class="live2d"></canvas>
        <div class="waifu-tool">
            <span class="fui-home"></span>
            <span class="fui-chat"></span>
            <span class="fui-eye"></span>
            <span class="fui-user"></span>
            <span class="fui-photo"></span>
            <span class="fui-info-circle"></span>
            <span class="fui-cross"></span>
        </div>
    </div>

    @*板娘初始化+动作行为*@
    <script src="~/assets/live2d.js"></script>
    <script src="~/assets/waifu-tips.js"></script>
    <script type="text/javascript">initModel()</script>
</body>
</html>