码迷,mamicode.com
首页 > 其他好文 > 详细

看板娘相关源码介绍

时间:2019-08-26 12:58:34      阅读:118      评论:0      收藏:0      [点我收藏+]

标签:test   opacity   one   操作   lib   fixed   mamicode   style   live   

做个记录,看到好玩的东西,看板娘如下:

下面的源码主要来自博客:https://www.cnblogs.com/zjfjava/p/9100898.html

是自己扣下来的,做了点调整,如果添加到你自己的博客没有效果可能是js冲突等,自己解决。

技术图片

 

 

        <style>
            .lktest {
                left: 0px !important;
            }
        </style>
        <script src="https://cdn.jsdelivr.net/npm/live2d-widget@3.0.4/lib/L2Dwidget.min.js"></script>
        <script type="text/javascript">
            L2Dwidget.init();
            setTimeout(function() {
                document.getElementById("live2dcanvas").setAttribute("class", "lktest")
            }, 500);
        </script>
        <div id="live2d-widget"><canvas id="live2dcanvas" width="300" height="600" style="position: fixed; opacity: 0.7; right: 0px; bottom: -20px; z-index: 99999; pointer-events: none; border: 1px dashed rgb(204, 204, 204);"></canvas></div>

 

看板娘其他资源:https://huaji8.top/post/live2d-plugin-2.0/

这个里面有很多模型,资源,小埋等,也可以自己定义模型,但是需要动手能力极强,自己编译等,有兴趣的可以自行操作。

看板娘相关源码介绍

标签:test   opacity   one   操作   lib   fixed   mamicode   style   live   

原文地址:https://www.cnblogs.com/timeout/p/11411701.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!