如何在你的博客养一只猫

 Lan   2020-05-12 15:39   1836 人阅读  2 条评论

效果在图的左下角

image.png

将下列代码插入到你的网页之中就可以啦。

<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-hijiki/assets/hijiki.model.json",<!--这里改模型,前面后面都要改-->
              "scale": 1
          },
          "display": {
              "position": "left",<!--设置看板娘的上下左右位置-->
              "width": 100, 
              "height": 200,
              "hOffset": 0,
              "vOffset": 0
          },
          "mobile": {
              "show": true,
              "scale": 0.5
          },
          "react": {
              "opacityDefault": 0.7,<!--设置透明度-->
              "opacityOnHover": 0.2
          }
      });
  window.onload = function(){
       $("#live2dcanvas").attr("style","position: fixed; opacity: 0.7; left: 70px; bottom: 0px; z-index: 1; pointer-events: none;")
  }
  </script>

left是调整距离左边多远

bottom调整距离底部多远

源码转载于网络,如有问题请联系:Vast@tom.com

本文地址:https://www.lanol.cn/post/212.html
版权声明:本文为原创文章,版权归 Lan 所有,欢迎分享本文,转载请保留出处!

 发表评论


表情

 评论列表

  1. Inkedus
    Inkedus  @回复

    学会了,但是我不喜欢猫怎么办

    • Lan
      Lan 2020-06-24 21:09:53  回复

      @Inkedus哈哈,刚刚整理了一些其他模型https://www.lanol.cn/post/305.html