1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
|
<!doctype html>
<html>
<head>
<meta charset="utf-8" />
</head>
<body>
<canvas id="canvas" style="position: absolute; left: 0; top: 0;"></canvas>
<script type='text/javascript'>
var Module = {
'arguments': ["200", "200", "200"],
'preRun': [(runtime) => {
runtime.ENV.VTK_SMP_BACKEND_IN_USE = "STDThread";
// cache the VTK wasm runtime instance.
vtkWasmRuntime = runtime;
}],
'canvas': (function () {
var canvas = document.getElementById('canvas');
canvas.addEventListener(
"webglcontextlost",
function (e) {
console.error('WebGL context lost. You will need to reload the page.');
e.preventDefault();
},
false
);
return canvas;
})(),
'print': (function () {
return function (text) {
text = Array.prototype.slice.call(arguments).join(' ');
console.info(text);
};
})(),
'printErr': function (text) {
text = Array.prototype.slice.call(arguments).join(' ');
console.error(text);
},
'onRuntimeInitialized': function () {
console.log('WASM runtime initialized');
// sends a resize event so that the render window fills up browser tab dimensions.
setTimeout(() => {
window.dispatchEvent(new Event('resize'));
}, 0);
// focus on the canvas to grab keyboard inputs.
canvas.setAttribute('tabindex', '0');
// grab focus when the render window region receives mouse clicks.
canvas.addEventListener('click', () => canvas.focus());
},
};
</script>
<script async type="text/javascript" src="AsyncClipper.js"></script>
</body>
</html>
|
