Differences
This shows you the differences between two versions of the page.
Next revision | Previous revision | ||
dev:viewer:sdk:examples_js:addslice [2020/10/14 15:15] pieter created |
— (current) | ||
---|---|---|---|
Line 1: | Line 1: | ||
- | ====== Example: Add vertical slice using 2 points ====== | ||
- | The example below demonstrates adding a slice view using 2 construction points. | ||
- | |||
- | < | ||
- | < | ||
- | let exampleUrl = " | ||
- | </ | ||
- | |||
- | <link rel=" | ||
- | integrity=" | ||
- | crossorigin=" | ||
- | |||
- | <script src=" | ||
- | integrity=" | ||
- | crossorigin=" | ||
- | |||
- | <span id=" | ||
- | <br /> | ||
- | <br /> | ||
- | <input type=" | ||
- | <span id=" | ||
- | |||
- | < | ||
- | |||
- | let toggleShowSource = () => { | ||
- | let element = document.getElementById(" | ||
- | element.style.display = element.style.display == ' | ||
- | } | ||
- | |||
- | fetch(exampleUrl) | ||
- | .then(response => response.text()) | ||
- | .then(text => { | ||
- | |||
- | try { | ||
- | // add example in iframe | ||
- | let frame = document.createElement(" | ||
- | frame.style.border = ' | ||
- | frame.style.overflow = ' | ||
- | frame.width = 950; | ||
- | frame.height = 420; | ||
- | frame.srcdoc = text; | ||
- | document.getElementById(" | ||
- | |||
- | // add ' | ||
- | let pre = document.createElement(" | ||
- | pre.classList.add(" | ||
- | pre.classList.add(" | ||
- | pre.textContent = text; | ||
- | document.getElementById(" | ||
- | document.getElementById(" | ||
- | document.getElementById(" | ||
- | |||
- | // highlight | ||
- | hljs.highlightBlock(pre); | ||
- | |||
- | } catch (error) { console.error(error); | ||
- | |||
- | }); | ||
- | |||
- | </ | ||
- | |||
- | </ |
Last modified:: 2020/10/14 15:15