一款基于 Three.js 全景显示的 Hexo 插件。

Threejs 介绍

three.js The aim of the project is to create an easy to use, lightweight, 3D library. The library provides <canvas>, <svg>, CSS3D and WebGL renderers.

{% panoview "https://img.wshunli.com/Hexo/hexo-tag-panoview/pano/pano2.jpg" %}
{% endpanoview %}

Hexo 中插入全景图片

hexo-tag-panoview 是一款在 Hexo 中使用 全景图片 的插件。

插件的安装和使用非常的简单，只需要进入博客目录，然后安装：

$ npm install hexo-tag-panoview --save

之后在文章内使用 panoview 的 tag 就可以了：

{% panoview "https://img.wshunli.com/Hexo/hexo-tag-panoview/pano/pano2.jpg" 400 800 %}

{% endpanoview %}

其中：
panoview 和 endpanoview 是 Hexo 的标签，不需要修改；
https://img.wshunli.com/Hexo/hexo-tag-panoview/pano/pano2.jpg 部分是全景照片，建议 1024*512 ；
400 是指全景的高度；
800 是指全景的宽度。

灵感来自 webgl_panorama_equirectangular
也是我发布的第二个 npm 组件。