UNPKG

dxf

Version:
37 lines (36 loc) 1.31 kB
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8" /> <title>DXF Browser Example</title> <script src="https://cdnjs.cloudflare.com/ajax/libs/require.js/2.3.2/require.min.js"></script> </head> <body> <input type="file" id="file" /> <div>Number of entities:<span id="numberOfEntities">-</span></div> <div id="svg"></div> <script> var numberOfEntities = document.getElementById('numberOfEntities') var svgContainer = document.getElementById('svg') var fileInput = document.getElementById('file') window.requirejs(['../dist/dxf'], function (dxf) { dxf.config.verbose = true fileInput.addEventListener('change', function (event) { var file = event.target.files[0] var reader = new FileReader() numberOfEntities.innerHTML = 'reading...' reader.onload = function (e) { if (e.target.readyState === 2) { var dxfContents = e.target.result var helper = new dxf.Helper(dxfContents) numberOfEntities.innerHTML = helper.denormalised.length const svg = helper.toSVG() svgContainer.innerHTML = svg } } reader.readAsBinaryString(file) }) }) </script> </body> </html>