Web Toolkit

Web Toolkit

CAD Exchanger Web Toolkit is a set of JavaScript libraries to visualize, explore and analyze 3D CAD models. Unlike Autodesk Forge, Web Toolkit can be used to develop web applications running entirely on premise (i.e. inside a corporate network) without exposing any confidential data outside of the company.

Web Toolkit uses the three.js library to display 3D contents via WebGL on a client’s side.

In order to display any 3D file with the help of Web Toolkit, the contents must be first prepared by converting the original 3D file into a specific format called CDXWEB or CDXBIMWEB. Both of them are highly-compressed binary formats that allows efficient data transfer over networks to provide excellent application responsiveness and UX.

    • Related Articles

    • How to import and visualize 2D drawings in Web Toolkit

      We have a ready-made Drawing Viewer Example that shows drawings: sheets, layers, elements in a browser. Its source code is available here on GitHub. It can be implemented into your solution. In order for the Web Toolkit to display the drawing, the ...
    • Is it possible to save edits applied in Web Toolkit?

      Web Toolkit add-on provides functionalities for visualization, analysis and export of 3D data in web browsers. However unfortunately since it's mostly a visualization tool, it doesn't allow editing. A user will be able to manipulate parts of the ...
    • How to measure distance between Shapes, lengths of Edges and surface area in Web Toolkit

      To measure the minimal distance between two selected Shapes, use createDistanceFromShapes method of ModelPrs_MeasurementFactory class. To measure the length of an Edge, use computeEdgeLength method of ModelAlgo_CurveLength class. It will be computed ...
    • Screenshot generation

      At the moment Web Toolkit has no API that allows to make screenshots, but a screenshot can be made using standard web API - HTMLCanvasElement: toBlob() method.
    • How to change a selection color

      Web Toolkit version 1.x There is an opportunity to change the selection color. In viewer.js you need to add a ModelData_ColorObject in ModelPrs_DisplayParams and add ModelPrs_DisplayParams into ModelPrs_DisplayerApplier This a small example how to do ...