Dxf File Viewer - Vue.Js 3, Vuetify 3

DXF is short for Drawing Exchange Format or Drawing Interchange Format and is a type of vector file. It is used in creating autocad design file.

Reference

• Live Demo
• DXF File
• 日本語で「README」ファイル

Overview

The DXF File Viewer is a web application built with Vue.js 3 and Vuetify 3 that allows users to select and view DXF (Drawing Exchange Format) files. It leverages the dxf-viewer library to parse and render DXF files directly in the browser.

Features

• File Upload : Upload DXF files easily and view them instantly.

• DXF File Rendering : View DXF files with support for various entities such as lines, circles, arcs, and text.

• User-Friendly Interface : Intuitive and responsive user interface powered by Vue.js and Vuetify.

• Zoom and Pan : Zoom in and out and pan across the DXF file for detailed examination.

Installation

1. Clone the repository

git clone https://github.com/IshmamAbir/vue-dxf-viewer.git

2. Move to project folder

cd vue-dxf-viewer-master

3. Install dependencies with npm

  npm install

4. Run the Application

npm run dev

5. Open your browser and visit http://localhost:3000.

Usage

1. Open the application in your browser.

2. Use the file upload feature to load a DXF file.

3. Explore the DXF file using the zoom and pan controls.

4. Enjoy viewing your DXF files with ease!

Dependencies

• Vue.Js 3

• Vuetify 3

• Dxf Viewer

Related

Here are some related projects

• Vue.js 2 and Quasar

🔗 Profile Links

Acknowledgements

Special thanks to the authors and contributors of Dxf Viewer.