@niivue/niivue 0.5.1 → 0.8.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +53 -2
- package/dist/niivue.js +1 -1
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -4,6 +4,10 @@ NiiVue is a WebGL 2.0 medical image viewer. This repository contains the **core
|
|
|
4
4
|
|
|
5
5
|
The NiiVue package is intented to be used by individuals developing interactive web pages related to showing [nifti](https://nifti.nimh.nih.gov) images. NiiVue includes many mouse and keyboard interactions that enable browsing and manipulating images displayed in the canvas. This core package does not include a comprehensive user interface outside of the canvas (e.g. buttons, and other widgets). However, developers who wish to build custom user interfaces around the NiiVue canvas can manipulate the rendered images and change settings via the API. Our [web-based user interface implementation](https://github.com/niivue/niivue-ui) (under development) will demonstrate how to integrate NiiVue into a more comprehensive [VueJS](https://vuejs.org/) UI.
|
|
6
6
|
|
|
7
|
+
# Active Projects
|
|
8
|
+
|
|
9
|
+
[See our active projects here](https://github.com/orgs/niivue/projects)
|
|
10
|
+
|
|
7
11
|
# Overview/Mission
|
|
8
12
|
|
|
9
13
|
The primary aim of NiiVue is to translate the features of the widely used native desktop applications ([MRIcroGL](https://github.com/rordenlab/MRIcroGL), [Surfice](https://github.com/neurolabusc/surf-ice)) to their web-based equivalents. This will enable other researchers and developers to build cloud-based medical imaging tools with a powerful viewer that can operate on any device (desktop, tablet, mobile).
|
|
@@ -30,7 +34,7 @@ We host many NiiVue examples via github pages. These are updated and deployed au
|
|
|
30
34
|
|
|
31
35
|
## existing html page
|
|
32
36
|
```
|
|
33
|
-
<script src="https://unpkg.com/@niivue/niivue@0.
|
|
37
|
+
<script src="https://unpkg.com/@niivue/niivue@0.8.2/dist/niivue.js"></script>
|
|
34
38
|
|
|
35
39
|
<canvas id="gl" height=480 width=640></canvas>
|
|
36
40
|
|
|
@@ -61,7 +65,54 @@ We host many NiiVue examples via github pages. These are updated and deployed au
|
|
|
61
65
|
|
|
62
66
|
## VueJS example
|
|
63
67
|
|
|
64
|
-
|
|
68
|
+
```
|
|
69
|
+
<script>
|
|
70
|
+
import {Niivue} from '@niivue/niivue'
|
|
71
|
+
console.log(Niivue)
|
|
72
|
+
const nv = new Niivue()
|
|
73
|
+
|
|
74
|
+
|
|
75
|
+
export default {
|
|
76
|
+
name: 'App',
|
|
77
|
+
props: {
|
|
78
|
+
|
|
79
|
+
},
|
|
80
|
+
data(){
|
|
81
|
+
return {
|
|
82
|
+
volumeList: [
|
|
83
|
+
{
|
|
84
|
+
url: "./mni152.nii.gz",
|
|
85
|
+
volume: {hdr: null, img: null},
|
|
86
|
+
colorMap: "gray",
|
|
87
|
+
opacity: 100,
|
|
88
|
+
visible: true,
|
|
89
|
+
}
|
|
90
|
+
]
|
|
91
|
+
|
|
92
|
+
}
|
|
93
|
+
},
|
|
94
|
+
|
|
95
|
+
mounted() {
|
|
96
|
+
|
|
97
|
+
nv.attachTo('gl')
|
|
98
|
+
nv.loadVolumes(this.volumeList)
|
|
99
|
+
|
|
100
|
+
}
|
|
101
|
+
}
|
|
102
|
+
|
|
103
|
+
</script>
|
|
104
|
+
|
|
105
|
+
<template>
|
|
106
|
+
<canvas id="gl" height="480" width="640">
|
|
107
|
+
|
|
108
|
+
</canvas>
|
|
109
|
+
</template>
|
|
110
|
+
|
|
111
|
+
<style>
|
|
112
|
+
#app {
|
|
113
|
+
}
|
|
114
|
+
</style>
|
|
115
|
+
```
|
|
65
116
|
|
|
66
117
|
## React example
|
|
67
118
|
|