L2Dwidget 二次元前端插件

有时看到别人的博客页面会弹出以下二维动画，有的就是swf格式的falsh动画，有的可能就是一个简单的GIF，由于Chrome即将停止falsh支持，今天介绍一个非flash的js二次元动画。

使用方法：
如下面代码一样，在HTML的head头内引入L2Dwidget.js即可在页面中引入动画。

<script src="https://eqcn.ajz.miesnfu.com/wp-content/plugins/wp-3d-pony/live2dw/lib/L2Dwidget.min.js"></script> 
<script src="https://eqcn.ajz.miesnfu.com/wp-content/plugins/wp-3d-pony/live2dw/lib/L2Dwidget.0.min.js"></script> 
<script>
　　L2Dwidget.init({ 
　　"model": {jsonPath:"https://unpkg.com/[email protected]/assets/shizuku.model.json","scale": 1 }, 
　　"display": { "position": "left", "width": 150, "height": 300,"hOffset": 0, "vOffset": -20 }, 
　　"mobile": { "show": true, "scale": 0.5 }, 
　　"react": { "opacityDefault": 0.7, "opacityOnHover": 0.2 } });
</script> 

其中，“model”后面jsonpath对应的就是动画模型的json文件地址，不同模型，显示不同图形。
可选模型有：

小帅哥： https://unpkg.com/[email protected]/assets/chitose.model.json

萌娘：https://unpkg.com/[email protected]/assets/shizuku.model.json

萌娘模型，见到别人在cnblog中引用成功，自己html引用时提示失败，错误如下，暂时未解决
（Access to image at ‘https://unpkg.com/[email protected]/assets/moc/shizuku.1024/texture_01.png’ from origin ‘null’ has been blocked by CORS policy: The ‘Access-Control-Allow-Origin’ header has a value ‘https://www.cnblogs.com’ that is not equal to the supplied origin.）

小可爱（女）：https://unpkg.com/[email protected]/assets/koharu.model.json

小可爱（男）：https://unpkg.com/[email protected]/assets/haruto.model.json

初音：https://unpkg.com/[email protected]/assets/miku.model.json

https://unpkg.com/[email protected]/assets/z16.model.json