标签: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