File-Load of Test Drawings: CADViewer JS is set up with interactive modals for user enabled file-loading and redlines. Links with AutoXchange for server on-the-fly conversion of CAD drawings.
Open Sample - View Your Own CAD Drawings

1) Pre-converted drawing: Loading and display of CAD drawing pre-converted with AutoXchange.
Open Sample - Basic View

2) External Server: Loading and display of DWG drawing. Connects with an external server for on-the-fly conversion of CAD file.
Open Sample - External Server Conversion

File Load and Redlines Handling

3) File-Load: CADViewer JS is set up with interactive modals for file-loading and redlines. Links with AutoXchange for own server on-the-fly conversion control of CAD drawings.
Open Sample - Drawing loaded via File Loader

4) Redlines: Redline control icon disk displayed at load. Links with AutoXchange for own server on-the-fly conversion control of CAD drawings.
Open Sample - Redlines.

5) Redlines Overlay: Multiple overlay load of redlines are enabled. Links with AutoXchange for own server on-the-fly conversion control of CAD drawings and is set up for interactive modals for file-loading and redlines.
Open Sample - Redlines Overlay Sample

6) Embedded Redlines Control: Sample for embedding CADViewer JS in an encapsulating application. Redline handling of features such as locked users, hidden users, etc. are all Javascript API controlled. File and redline load/save are all done through API calls.
Open Sample - Redline API controls

Insert Image Objects and Compare Drawings

7) Insert Image Objects: Sample with image handling and object count menu page activated (icon menu page three). Images can be externally loaded and added to a location on the drawing.
Open Sample - Insert Image

8) Compare Drawings: Sample with compare drawings menu page activated (icon menu page three). Two drawings are loaded and overlaid to expose differencies.
Open Sample - Compare Drawings

Dynamic Highlight API

For a more indept description on creating the dynamic hotspots on drawings, as used in this examples, see document: CADViewer JS-AutoXchange - Generating Automated Hotspots.pdf

9) Dynamic Highlight: Sample illustrating the dynamic highlight API for coloring and labelling objects in a drawing. Sample also illustrates thumbnail generator and PDF generation of screen image with dynamic highlight (for reporting).
Open Sample - Dynamic Highlight

Various Functionality

11) Add Click Handlers to SVG: Handlers are added to SVG file so group of objects (text) responds with highlight to mouse over, mouse click, etc. Finds the layer the object is on.
Open Sample - SVG ClickHandler

12) Handle Hyperlinks in SVG: A Click handler is added to highlight and catch Hyperlinks (Original drawing from DWF).
Open Sample - SVG Xlink Hyperlinks

Dynamic Interaction between drawing and Database

For a more indept description on creating the dynamic hotspots on drawings, as used in this examples, see document: CADViewer JS-AutoXchange - Generating Automated Hotspots.pdf

14) Visual Query: AngularJS and PHP are used to dynamically load content from a MySQL database for two-way interaction with content in drawing.
Open Sample - Visual Query

Dynamic load of multipage PDF

15) PDF: Loading and display of multipage PDF document using on-the-fly conversion.
Open Sample - PDF Documents

Configuration of PHP REST interface for connecting to SharePoint server

After CV-JS integration above, follow instructions in this document to download php rest interface and configure access to Sharepoint server: CADViewerJS - SharePoint configuration.pdf

16) CADViewer JS SharePoint/MicroSoft 365 Integration: Seamless CAD access point to Sharepoint server. Builds navigational file tree over Sharepoint server folder content. Among others, allows sharing of redlined content via e-mail. Implements download and upload of redlines as well as translation to PDF of redline overlays.
Contact us for the implementation sample and additional information.

View a sample SVGZ file with classic icon skin

Open a sample Redlining and Markup file.

Test PNG bitmap viewing with classic icon skin.