#Handibot GCode 2D Viewer

A simple 2D Viewer for GCode. Shows the G1, G2 and G3 operations on XY plane. It can also produce an image from this operations.

#GCode2DViewer.preview Creates a preview of the gcode into the canvas.

##Parameters

• gcodeStr : (string) The gcode to parse

• colors : (object) The colors for each command, each members is a string containing the color in hexadecimal (#rrggbb). If one of the member is undefined, this means the lines corresponding to this command are not displayed. The structure of the object is the following:

  { G0, G1, G2G3 } // We make no difference between G2 and G3 commands

• canvas : (domElement) The canvas where the preview is displayed

##Example

// Will not print the G0 paths
var code = document.getElementById("gcode").value;
var colors = { G1 : '#000000', G2G3 : "#000000" };
var canvas = document.getElementById("canvas");
GCode2DViewer.preview(code, colors, canvas);

#GCode2DViewer.getImage Returns a data url image of the previez of the given GCode. Internally creates a temporary canvas, use the GCode2DViewer.preview function with this canvas and returns the image displayed in this temporary canvas.

##Parameters

• gcodeStr : (string) The gcode to parse

• colors : (object) The colors for each command, each members is a string containing the color in hexadecimal (#rrggbb). If one of the member is undefined, this means the lines corresponding to this command are not displayed. The structure of the object is the following:

  { G0, G1, G2G3 } // We make no difference between G2 and G3 commands

• width : (number) The width of the image.

• height : (number) The height of the image.

##Example

// Will not print the G0 paths
var code = document.getElementById("gcode").value;
var colors = { G1 : '#000000', G2G3 : "#000000" };
var img = document.getElementById("image");
img.src = GCode2DViewer.getImage(code, colors, 300, 300);