Create and save a gcode file in browser via javascript
npm install gcode-fileCreate and save a gcode file in browser via javascript
You can grab it as an npm package
``bash`
npm i --save @gcode-file
`
const { createPath, pathsToPolylines } = require('canvas-sketch-util/penplot');
const GCodeFile = require('gcode-file');
const gCode = new GCodeFile({
feedRate: 8000, // G1 movement (drawing speed)
seekRate: 8000, // G0 movement (no drawing speed)
onCommand: 'M03S20',
offCommand: 'M03S0',
powerDelay: 0.2,
fileName: 'sketch',
paperSize: [210, 297], // A4 size in mm
margin: 10, // or [10, 10] (top/bottom and left/right margin) or [10,10,10,10] (top/left/bottom/right)
flipX: false,
flipY: false
})
// ... your canvas setup ...
gCode.updateCoordsArea(canvas.width, canvas.height);
const p = createPath();
p.moveTo(10, 10);
p.lineTo(100, 100);
// Converting path to polylines...')
const lines = pathsToPolylines([p]);
console.log('Add data to gcode file...')
gCode.addPolylines(lines)
window.addEventListener('keydown', function(){
if((event.ctrlKey || event.metaKey) && event.which == 83) {
event.preventDefault();
console.log('Download file...')
gCode.downloadFile()
return false;
}
})
``