How to use dwv - 7 common examples
To help you get started, we’ve selected a few dwv examples, based on popular ways it is used in public projects.
Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
ivmartel / dwv-react / src / DwvComponent.js View on Github 
componentDidMount() {
// create app
var app = new dwv.App();
// initialise app
app.init({
"containerDivId": "dwv",
"tools": this.state.tools,
"shapes": ["Ruler"],
"isMobile": true
});
// progress
var self = this;
app.addEventListener("load-progress", function (event) {
self.setState({loadProgress: event.loaded});
});
app.addEventListener("load-end", function (event) {
// set data loaded flag
self.setState({dataLoaded: true});
// set dicom tagsimport TagsTable from './TagsTable';
import './DwvComponent.css';
import dwv from 'dwv';
// gui overrides
// decode query
dwv.utils.decodeQuery = dwv.utils.base.decodeQuery;
// progress
dwv.gui.displayProgress = function () {};
// get element
dwv.gui.getElement = dwv.gui.base.getElement;
// refresh element
dwv.gui.refreshElement = dwv.gui.base.refreshElement;
// Image decoders (for web workers)
dwv.image.decoderScripts = {
"jpeg2000": "assets/dwv/decoders/pdfjs/decode-jpeg2000.js",
"jpeg-lossless": "assets/dwv/decoders/rii-mango/decode-jpegloss.js",
"jpeg-baseline": "assets/dwv/decoders/pdfjs/decode-jpegbaseline.js",
"rle": "assets/dwv/decoders/dwv/decode-rle.js"
};
const styles = theme => ({
button: {
margin: theme.spacing.unit,
},
appBar: {
position: 'relative',
},import Dialog from '@material-ui/core/Dialog';
import AppBar from '@material-ui/core/AppBar';
import Slide from '@material-ui/core/Slide';
import Toolbar from '@material-ui/core/Toolbar';
import TagsTable from './TagsTable';
import './DwvComponent.css';
import dwv from 'dwv';
// gui overrides
// decode query
dwv.utils.decodeQuery = dwv.utils.base.decodeQuery;
// progress
dwv.gui.displayProgress = function () {};
// get element
dwv.gui.getElement = dwv.gui.base.getElement;
// refresh element
dwv.gui.refreshElement = dwv.gui.base.refreshElement;
// Image decoders (for web workers)
dwv.image.decoderScripts = {
"jpeg2000": "assets/dwv/decoders/pdfjs/decode-jpeg2000.js",
"jpeg-lossless": "assets/dwv/decoders/rii-mango/decode-jpegloss.js",
"jpeg-baseline": "assets/dwv/decoders/pdfjs/decode-jpegbaseline.js",
"rle": "assets/dwv/decoders/dwv/decode-rle.js"
};
const styles = theme => ({
button: {
margin: theme.spacing.unit,import Slide from '@material-ui/core/Slide';
import Toolbar from '@material-ui/core/Toolbar';
import TagsTable from './TagsTable';
import './DwvComponent.css';
import dwv from 'dwv';
// gui overrides
// decode query
dwv.utils.decodeQuery = dwv.utils.base.decodeQuery;
// progress
dwv.gui.displayProgress = function () {};
// get element
dwv.gui.getElement = dwv.gui.base.getElement;
// refresh element
dwv.gui.refreshElement = dwv.gui.base.refreshElement;
// Image decoders (for web workers)
dwv.image.decoderScripts = {
"jpeg2000": "assets/dwv/decoders/pdfjs/decode-jpeg2000.js",
"jpeg-lossless": "assets/dwv/decoders/rii-mango/decode-jpegloss.js",
"jpeg-baseline": "assets/dwv/decoders/pdfjs/decode-jpegbaseline.js",
"rle": "assets/dwv/decoders/dwv/decode-rle.js"
};
const styles = theme => ({
button: {
margin: theme.spacing.unit,
},
appBar: {import CloseIcon from '@material-ui/icons/Close';
import Dialog from '@material-ui/core/Dialog';
import AppBar from '@material-ui/core/AppBar';
import Slide from '@material-ui/core/Slide';
import Toolbar from '@material-ui/core/Toolbar';
import TagsTable from './TagsTable';
import './DwvComponent.css';
import dwv from 'dwv';
// gui overrides
// decode query
dwv.utils.decodeQuery = dwv.utils.base.decodeQuery;
// progress
dwv.gui.displayProgress = function () {};
// get element
dwv.gui.getElement = dwv.gui.base.getElement;
// refresh element
dwv.gui.refreshElement = dwv.gui.base.refreshElement;
// Image decoders (for web workers)
dwv.image.decoderScripts = {
"jpeg2000": "assets/dwv/decoders/pdfjs/decode-jpeg2000.js",
"jpeg-lossless": "assets/dwv/decoders/rii-mango/decode-jpegloss.js",
"jpeg-baseline": "assets/dwv/decoders/pdfjs/decode-jpegbaseline.js",
"rle": "assets/dwv/decoders/dwv/decode-rle.js"
};
const styles = theme => ({import './DwvComponent.css';
import dwv from 'dwv';
// gui overrides
// decode query
dwv.utils.decodeQuery = dwv.utils.base.decodeQuery;
// progress
dwv.gui.displayProgress = function () {};
// get element
dwv.gui.getElement = dwv.gui.base.getElement;
// refresh element
dwv.gui.refreshElement = dwv.gui.base.refreshElement;
// Image decoders (for web workers)
dwv.image.decoderScripts = {
"jpeg2000": "assets/dwv/decoders/pdfjs/decode-jpeg2000.js",
"jpeg-lossless": "assets/dwv/decoders/rii-mango/decode-jpegloss.js",
"jpeg-baseline": "assets/dwv/decoders/pdfjs/decode-jpegbaseline.js",
"rle": "assets/dwv/decoders/dwv/decode-rle.js"
};
const styles = theme => ({
button: {
margin: theme.spacing.unit,
},
appBar: {
position: 'relative',
},
title: {
flex: '0 0 auto',
},constructor(props) {
super(props);
this.state = {
versions: {
dwv: dwv.getVersion(),
react: React.version
},
tools: ['Scroll', 'ZoomAndPan', 'WindowLevel', 'Draw'],
selectedTool: 'Select Tool',
loadProgress: 0,
dataLoaded: false,
dwvApp: null,
tags: [],
showDicomTags: false,
toolMenuAnchorEl: null
};
}
