Skip to content

IshmamAbir/vue-dxf-viewer

Repository files navigation

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

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
  1. Move to project folder
cd vue-dxf-viewer-master
  1. Install dependencies with npm
  npm install
  1. Run the Application
npm run dev
  1. 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

Related

Here are some related projects

🔗 Profile Links

portfolio

Linkedin

Acknowledgements

Special thanks to the authors and contributors of Dxf Viewer.