Knowledge Base
Recent Changes

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revision Previous revision
dev:viewer:sdk:examples_js:addslice [2021/02/22 09:17]
pieter removed 		— (current)
Line 1: Line 1:
-====== Example: Add vertical slice using 2 points ====== 
  
-The example below demonstrates adding a slice view using 2 construction points. 
- 
-<html> 
-<script> 
-    let exampleUrl = "https://cdn.3dmapping.cloud/20.9.0/javascript_examples/example16.html"; 
-</script> 
- 
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.2.1/styles/default.min.css" 
-    integrity="sha512-kZqGbhf9JTB4bVJ0G8HCkqmaPcRgo88F0dneK30yku5Y/dep7CZfCnNml2Je/sY4lBoqoksXz4PtVXS4GHSUzQ==" 
-    crossorigin="anonymous" /> 
- 
-<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.2.1/highlight.min.js" 
-    integrity="sha512-Ypjm0o7jOxAd4hpdoppSEN0TQOC19UtPAqD+4s5AlXmUvbmmS/YMxYqAqarQYyxTnB6/rqip9qcxlNB/3U9Wdg==" 
-    crossorigin="anonymous"></script> 
- 
-<span id="example"></span> 
-<br /> 
-<br /> 
-<input type="button" value="Show Source" onclick="toggleShowSource()"></input> 
-<span id="showsource"></span> 
- 
-<script> 
- 
-    let toggleShowSource = () => { 
-        let element = document.getElementById("showsource"); 
-        element.style.display = element.style.display == 'none' ? 'block' : 'none'; 
-    } 
- 
-    fetch(exampleUrl) 
-        .then(response => response.text()) 
-        .then(text => { 
- 
-            try { 
-                // add example in iframe 
-                let frame = document.createElement("iframe"); 
-                frame.style.border = 'none'; 
-                frame.style.overflow = 'auto'; 
-                frame.width = 950; 
-                frame.height = 420; 
-                frame.srcdoc = text; 
-                document.getElementById("example").appendChild(frame); 
- 
-                // add 'showsource' section 
-                let pre = document.createElement("pre"); 
-                pre.classList.add("code"); 
-                pre.classList.add("html4strict"); 
-                pre.textContent = text; 
-                document.getElementById("showsource").style.display = 'none'; 
-                document.getElementById("showsource").style.fontSize = '12px'; 
-                document.getElementById("showsource").appendChild(pre); 
- 
-                // highlight 
-                hljs.highlightBlock(pre); 
- 
-            } catch (error) { console.error(error); } 
- 
-        }); 
- 
-</script> 
- 
-</html>