HTML and JavaScript

[manuelstonex]

I need help with running the dxf-viewer (https://github.com/vagran/dxf-viewer/). The available version to run is written in vue.js, which I am not familiar with. I would like to run a simple version using only HTML and JavaScript to parse the dxf file located at the source path: /path/test.dxf. How can I achieve this?

[vagran]

See this: vagran/dxf-viewer-example-src#19
Actually, nothing prevents you from doing that, make a bundle and use dxf-viewer API. Vue example still can be use as example of dxf-viewer API usage.

[manuelstonex]

sorry if I bother you, could you give me an example with a predefined dxf file, also because I struggle to understand how the methods should be called

[vagran]

There is basically two steps:
Initialize with your canvas: code
Load the DXF: code

Web-worker may be used to utilize UI-offloading feature to make UI responsive while processing the DXF. Simple worker script like this is created. The example uses WebPack worker loader, however in plain JS the factory function could be something like () => new Worker("DxfViewerWorker.js"). You may omit the web worker factory argument for the sake of simplicity, then it will process the file synchronously.

I know, it would be nice to have a plain JS example somewhere, but I did not yet manage to find time for that.