介绍v-viewer是一款基于viewer.js的强大的插件，不但支持vue3版本，还支持vue2、JavaScript、jquery，有以下特点：支持移动设备触摸事件支持响应式支持放大/缩小支持旋转（类似微博的图片旋转）支持水平/垂直翻转支持图片移动支持键盘支持全屏幻灯片模式（可做屏保）支持缩略图支持标题显示支持多种自定义事件官网官方网站网站里介绍了三种用法，基本用法写的很详细了，这边就不再赘述，主要讲讲我使用这个插件的心路历程需求接到任务要求写一个图片查看标注系统，主要功能就是能查看图片、缩放，并对图片进行添加、删除标签的操作，并且明确不要用element的图片查看器，说是不好用……随手一
介绍v-viewer是一款基于viewer.js的强大的插件，不但支持vue3版本，还支持vue2、JavaScript、jquery，有以下特点：支持移动设备触摸事件支持响应式支持放大/缩小支持旋转（类似微博的图片旋转）支持水平/垂直翻转支持图片移动支持键盘支持全屏幻灯片模式（可做屏保）支持缩略图支持标题显示支持多种自定义事件官网官方网站网站里介绍了三种用法，基本用法写的很详细了，这边就不再赘述，主要讲讲我使用这个插件的心路历程需求接到任务要求写一个图片查看标注系统，主要功能就是能查看图片、缩放，并对图片进行添加、删除标签的操作，并且明确不要用element的图片查看器，说是不好用……随手一
第一章IntelD405运行环境——Realsense-viewer文章目录第一章IntelD405运行环境——Realsense-viewer一、开盲盒二、ubuntu环境下的realsense-viewer安装一、开盲盒某东购入的IntelRealsenseD405，大概就是这个样子。因为已经用过一段时间了，写文章的时候拍的图，盒子已经有些旧了…我用磁力座固定了我的相机。（相机本身就留有标准的螺母孔）D405采用的是Micro-BUSB接口，需要专用的数据线。其他具体参数可以参考官网本文不做赘述。IntelD405二、ubuntu环境下的realsense-viewer安装Intel提供两
第一章IntelD405运行环境——Realsense-viewer文章目录第一章IntelD405运行环境——Realsense-viewer一、开盲盒二、ubuntu环境下的realsense-viewer安装一、开盲盒某东购入的IntelRealsenseD405，大概就是这个样子。因为已经用过一段时间了，写文章的时候拍的图，盒子已经有些旧了…我用磁力座固定了我的相机。（相机本身就留有标准的螺母孔）D405采用的是Micro-BUSB接口，需要专用的数据线。其他具体参数可以参考官网本文不做赘述。IntelD405二、ubuntu环境下的realsense-viewer安装Intel提供两
photo-sphere-viewer中文文档安装插件Configuration配置项Standardoptions常规配置container(required)adapter适配器panorama(required)plugins插件caption标题size全景图宽度高度markers标注navbar导航栏minFovmaxFovdefaultZoomLvlfisheyedefaultLongdefaultLatlongitudeRangelatitudeRangeautorotateDelayautorotateSpeedautorotateLatlangloadingImgloadin
photo-sphere-viewer中文文档安装插件Configuration配置项Standardoptions常规配置container(required)adapter适配器panorama(required)plugins插件caption标题size全景图宽度高度markers标注navbar导航栏minFovmaxFovdefaultZoomLvlfisheyedefaultLongdefaultLatlongitudeRangelatitudeRangeautorotateDelayautorotateSpeedautorotateLatlangloadingImgloadin
2023-01-091.viewerDragDropMixin一个mixin，它为查看器小部件添加了对CZML文件的默认拖放支持。 czml即为json，但json不一定为czml；如同geojson与json的关系。czml文件通常为一个对象数组，每个id唯一代表一个对象。CZML使用浏览器的server-sentevents（EventSource）API来处理流数据---实现增量处理。该函数通常作为参数传递给Viewer#extend，而不是直接调用。//Addbasicdraganddropsupportandpopupanalertwindowonerror.constview
2023-01-091.viewerDragDropMixin一个mixin，它为查看器小部件添加了对CZML文件的默认拖放支持。 czml即为json，但json不一定为czml；如同geojson与json的关系。czml文件通常为一个对象数组，每个id唯一代表一个对象。CZML使用浏览器的server-sentevents（EventSource）API来处理流数据---实现增量处理。该函数通常作为参数传递给Viewer#extend，而不是直接调用。//Addbasicdraganddropsupportandpopupanalertwindowonerror.constview
技术背景博主对前端技术不甚了解，只是想在博客中直接展示一些已有的分子结构，而且需要是可以交互的。而我们了解到通过3Dmol这样的前端工具可以实现，通过在博客园随笔中直接引入3Dmol的js最新脚本，然后在当前页构建一个容器，最后在容器中以字符串的形式填进去分子结构，比如可以填充一个xyz文件所定义的3D分子结构。由于不需要安装什么特定的软件（假设你已经生成好了一系列的分子模型用于展示，否则可以参考前面这篇博客用openbabel去生成一些特定的分子结构），我们直接上前端代码吧。解决方案解决方案主要参考了参考链接1文章中的内容，非常简单，只需三步走。首先，我们直接在Markdown模式的编辑器下
技术背景博主对前端技术不甚了解，只是想在博客中直接展示一些已有的分子结构，而且需要是可以交互的。而我们了解到通过3Dmol这样的前端工具可以实现，通过在博客园随笔中直接引入3Dmol的js最新脚本，然后在当前页构建一个容器，最后在容器中以字符串的形式填进去分子结构，比如可以填充一个xyz文件所定义的3D分子结构。由于不需要安装什么特定的软件（假设你已经生成好了一系列的分子模型用于展示，否则可以参考前面这篇博客用openbabel去生成一些特定的分子结构），我们直接上前端代码吧。解决方案解决方案主要参考了参考链接1文章中的内容，非常简单，只需三步走。首先，我们直接在Markdown模式的编辑器下
