0032315: Configuration, CMake - fix building Draw Harness plugins as static libraries
[occt.git] / samples / webgl / occt-webgl-sample.html
index c04add8..a831e3e 100644 (file)
@@ -1,87 +1,87 @@
-<!DOCTYPE html>\r
-<html lang=en-us>\r
-<head>\r
-<meta charset=utf-8><meta content="text/html; charset=utf-8" http-equiv=Content-Type>\r
-<link rel="shortcut icon" href="lamp.ico" type="image/x-icon" />\r
-<title>OCCT WebGL Viewer Sample</title>\r
-</head>\r
-<body>\r
-\r
-<h2>OCCT WebGL Viewer Sample</h2>\r
-<div>\r
-  <canvas id=occViewerCanvas oncontextmenu=event.preventDefault() tabindex=-1 style="border:0 none;background-color:#000" width="409" height="409"></canvas>\r
-  <img id=occlogo src="OCC_logo.png" style="position: absolute; left: 20px; top: 0px; z-index: 2;" />\r
-</div>\r
-\r
-<div>\r
-  <label for="fileInput">Choose BREP file to upload: </label><input type="file" id="fileInput" accept=".brep">\r
-  <input type="button" value="Clear All" onclick="OccViewerModule.removeAllObjects()">\r
-  <input type="button" value="Fit All"   onclick="OccViewerModule.fitAllObjects(true)">\r
-</div>\r
-<h4>Console output:</h4>\r
-<p id="output"></p>\r
-<script>\r
-//! Resize canvas to fit into window.\r
-function updateCanvasSize()\r
-{\r
-  // size of canvas in logical (density-independent) units\r
-  var aSizeX = Math.min (window.innerWidth,  window.screen.availWidth);\r
-  var aSizeY = Math.min (window.innerHeight, window.screen.availHeight);\r
-  aSizeX = Math.max (300, aSizeX - 30);\r
-  aSizeY = Math.max (300, aSizeY / 2);\r
-  occViewerCanvas.style.width  = aSizeX + "px";\r
-  occViewerCanvas.style.height = aSizeY + "px";\r
-\r
-  // drawing buffer size (aka backing store)\r
-  var aDevicePixelRatio = window.devicePixelRatio || 1;\r
-  occViewerCanvas.width  = aSizeX * aDevicePixelRatio;\r
-  occViewerCanvas.height = aSizeY * aDevicePixelRatio;\r
-\r
-  occlogo.style.top = (aSizeY - 30) + "px";\r
-}\r
-window.onresize = updateCanvasSize;\r
-updateCanvasSize();\r
-\r
-//! Check browser support.\r
-function isWasmSupported()\r
-{\r
-  try {\r
-    if (typeof WebAssembly === "object"\r
-     && typeof WebAssembly.instantiate === "function") {\r
-      const aDummyModule = new WebAssembly.Module (Uint8Array.of (0x0, 0x61, 0x73, 0x6d, 0x01, 0x00, 0x00, 0x00));\r
-      if (aDummyModule instanceof WebAssembly.Module)\r
-      {\r
-        return new WebAssembly.Instance(aDummyModule) instanceof WebAssembly.Instance;\r
-      }\r
-    }\r
-  } catch (e) {}\r
-  return false;\r
-}\r
-if (!isWasmSupported())\r
-{\r
-  var anElement = document.getElementById('output');\r
-  anElement.innerHTML += "Browser is too old - WebAssembly support is missing!<br>Please check updates or install a modern browser.<br>";\r
-}\r
-\r
-//! Handle file uploading.\r
-fileInput.onchange = function()\r
-{\r
-  if (fileInput.files.length == 0) { return; }\r
-  // Warning! Entire file is pre-loaded into memory.\r
-  var aFile = fileInput.files[0];\r
-  var aReader = new FileReader();\r
-  aReader.onload = function()\r
-  {\r
-    var aDataArray = new Uint8Array (aReader.result);\r
-    const aDataBuffer = OccViewerModule._malloc (aDataArray.length);\r
-    OccViewerModule.HEAPU8.set (aDataArray, aDataBuffer);\r
-    OccViewerModule.openFromMemory (aFile.name, aDataBuffer, aDataArray.length, true);\r
-    //OccViewerModule._free (aDataBuffer); will be freed by called method\r
-    OccViewerModule.displayGround (true);\r
-  };\r
-  aReader.readAsArrayBuffer(aFile);\r
-};\r
-</script>\r
-<script type="text/javascript" src="occt-webgl-sample.js" charset="utf-8"></script>\r
-</body>\r
-</html>\r
+<!DOCTYPE html>
+<html lang=en-us>
+<head>
+<meta charset=utf-8><meta content="text/html; charset=utf-8" http-equiv=Content-Type>
+<link rel="shortcut icon" href="lamp.ico" type="image/x-icon" />
+<title>OCCT WebGL Viewer Sample</title>
+</head>
+<body>
+
+<h2>OCCT WebGL Viewer Sample</h2>
+<div>
+  <canvas id=occViewerCanvas oncontextmenu=event.preventDefault() tabindex=-1 style="border:0 none;background-color:#000" width="409" height="409"></canvas>
+  <img id=occlogo src="OCC_logo.png" style="position: absolute; left: 20px; top: 0px; z-index: 2;" />
+</div>
+
+<div>
+  <label for="fileInput">Choose BREP file to upload: </label><input type="file" id="fileInput" accept=".brep">
+  <input type="button" value="Clear All" onclick="OccViewerModule.removeAllObjects()">
+  <input type="button" value="Fit All"   onclick="OccViewerModule.fitAllObjects(true)">
+</div>
+<h4>Console output:</h4>
+<p id="output"></p>
+<script>
+//! Resize canvas to fit into window.
+function updateCanvasSize()
+{
+  // size of canvas in logical (density-independent) units
+  var aSizeX = Math.min (window.innerWidth,  window.screen.availWidth);
+  var aSizeY = Math.min (window.innerHeight, window.screen.availHeight);
+  aSizeX = Math.max (300, aSizeX - 30);
+  aSizeY = Math.max (300, aSizeY / 2);
+  occViewerCanvas.style.width  = aSizeX + "px";
+  occViewerCanvas.style.height = aSizeY + "px";
+
+  // drawing buffer size (aka backing store)
+  var aDevicePixelRatio = window.devicePixelRatio || 1;
+  occViewerCanvas.width  = aSizeX * aDevicePixelRatio;
+  occViewerCanvas.height = aSizeY * aDevicePixelRatio;
+
+  occlogo.style.top = (aSizeY - 30) + "px";
+}
+window.onresize = updateCanvasSize;
+updateCanvasSize();
+
+//! Check browser support.
+function isWasmSupported()
+{
+  try {
+    if (typeof WebAssembly === "object"
+     && typeof WebAssembly.instantiate === "function") {
+      const aDummyModule = new WebAssembly.Module (Uint8Array.of (0x0, 0x61, 0x73, 0x6d, 0x01, 0x00, 0x00, 0x00));
+      if (aDummyModule instanceof WebAssembly.Module)
+      {
+        return new WebAssembly.Instance(aDummyModule) instanceof WebAssembly.Instance;
+      }
+    }
+  } catch (e) {}
+  return false;
+}
+if (!isWasmSupported())
+{
+  var anElement = document.getElementById('output');
+  anElement.innerHTML += "Browser is too old - WebAssembly support is missing!<br>Please check updates or install a modern browser.<br>";
+}
+
+//! Handle file uploading.
+fileInput.onchange = function()
+{
+  if (fileInput.files.length == 0) { return; }
+  // Warning! Entire file is pre-loaded into memory.
+  var aFile = fileInput.files[0];
+  var aReader = new FileReader();
+  aReader.onload = function()
+  {
+    var aDataArray = new Uint8Array (aReader.result);
+    const aDataBuffer = OccViewerModule._malloc (aDataArray.length);
+    OccViewerModule.HEAPU8.set (aDataArray, aDataBuffer);
+    OccViewerModule.openFromMemory (aFile.name, aDataBuffer, aDataArray.length, true);
+    //OccViewerModule._free (aDataBuffer); will be freed by called method
+    OccViewerModule.displayGround (true);
+  };
+  aReader.readAsArrayBuffer(aFile);
+};
+</script>
+<script type="text/javascript" src="occt-webgl-sample.js" charset="utf-8"></script>
+</body>
+</html>