vue-gcode-viewer

![status](https://img.shields.io/badge/status-Deprecated-orange) [![npm](https://img.shields.io/npm/v/vue-gcode-viewer)](https://npmjs.com/package/vue-gcode-viewer) [![tests](https://img.shields.io/github/workflow/status/Cloud-CNC/vue-gcode-viewer/Tests?l


Keywords
vue, gcode, gcode-viewer, vue-gcode-viewer, gcode-visualizer, gcode-parser, cloud-cnc
License
MIT
Install
npm install vue-gcode-viewer@1.2.3

Documentation

Vue GCODE Viewer

status npm tests issues last commit FOSSA Status

A Vue component for displaying GCODE via Three.JS (100% client-side).

Deprecation

Vue GCODE Viewer is now deprecated! Please switch to Vue 3D Viewer (vue-3d-viewer) which adds support for many more file formats, multithreading, and more.

Documentation

Props

Name Type Description Example
bed Object Bed size {X: 22.3, Y: 22.3}
gcode String Raw GCODE G0 X0 Y0 Z0
position Object GCODE Position {X: 11.15, Y: 0, Z: 11.15}
rotation Object GCODE Rotation {X: -90, Y: 0, Z: 180}
scale Object GCODE Scale {X: 0.1, Y: 0.1, Z: 0.1}
theme Object Theme colors {extrusionColor: "#4287f5", pathColor: "#0a2f6b",bedColor: "#586375", backgroundColor: "#dfe4ed"}

Examples

Note: These examples might use an outdated version of vue-gcode-viewer.

Reuse

If you're interested in reusing primarily the non-Vue code from this module, you may be interested in gcode-parser.js, scene.js, and utils.js.

License

FOSSA Status