@abi-software/scaffoldvuer 中文文档教程

Question

Scaffoldvuer

该项目旨在提供高级 3D 生理模型查看功能。

Scaffoldvuer on NPM

Scaffoldvuer 在 npm 上可用，可以使用以下命令安装到您的项目中：

npm i @abi-software/scaffoldvuer

Project setup

npm install

Compiles and minifies for production

npm run build-bundle

How to use

使用以下命令“npm i @abi-software/scaffoldvuer”将软件包安装到您的 vue 应用程序项目中。 如下在脚本中导入包：

import { ScaffoldVuer } from '@abi-software/scaffoldvuer';
import '@abi-software/scaffoldvuer/dist/scaffoldvuer.css';

vue 组件中的本地注册：

export default {
  ...
  components: {
    ScaffoldVuer,
  }
  ...
}

上面的代码在全局范围内注册了 ScaffoldVuer 组件。 您现在可以在 vue 模板中使用 ScaffoldVuer，如下所示：

<ScaffoldVuer url="Metafile.json" v-on:scaffold-selected="ScaffoldSelected"  style="height:50%"/>

url 应该是包含兼容 json 模型 url 的变量/字符串。 scaffold-selected 是 3D-scaffold 的一部分被选中时触发的自定义事件，见下文 示例回调。

  methods: {
    ScaffoldSelected: function(annotation) {
     console.log(annotation);
    }
  }

可以在此处找到更深入的 API 参考：https://abi-software.github.io/scaffoldvuer/。

Project setup from Github

源代码可以从 Github 获得，可以在这里找到：https://github.com/ABI-Software/scaffoldvuer。

Clone the respositroy

git clone https://github.com/ABI-Software/scaffoldvuer.git

Setup

npm install

Compiles and minifies for production

npm run build-bundle

Run the sample application

npm run serve

Example

以下示例展示了 ScaffoldVuer 的实际应用：https://mapcore-demo.org/current/scaffoldvuer/