Issue 470 - Formatting issues when using percentages

[ReimaFrgos]

PR for Issue: #470

Update the getSmartParseNumber function to use parseFloat instead of parseInt.

When defining heights and widths that use a percentage with a decimal number it use causing minor layout issues due the decimal component being dropped.

Sample code to produce layout issue:

var pptx = new PptxGenJS();
var slide = pptx.addNewSlide();

slide.addShape(pptx.shapes.RECTANGLE, { x:0, y:1, w:0.87, h:1, fill:'FF0000' });
slide.addShape(pptx.shapes.RECTANGLE, { x:1, y:1, w:0.87, h:1, fill:'FF0000' });
slide.addShape(pptx.shapes.RECTANGLE, { x:2, y:1, w:0.87, h:1, fill:'FF0000' });
slide.addShape(pptx.shapes.RECTANGLE, { x:3, y:1, w:0.87, h:1, fill:'FF0000' });
slide.addShape(pptx.shapes.RECTANGLE, { x:4, y:1, w:0.87, h:1, fill:'FF0000' });
slide.addShape(pptx.shapes.RECTANGLE, { x:5, y:1, w:0.87, h:1, fill:'FF0000' });
slide.addShape(pptx.shapes.RECTANGLE, { x:6, y:1, w:0.87, h:1, fill:'FF0000' });
slide.addShape(pptx.shapes.RECTANGLE, { x:7, y:1, w:0.87, h:1, fill:'FF0000' });
slide.addShape(pptx.shapes.RECTANGLE, { x:8, y:1, w:0.87, h:1, fill:'FF0000' });
slide.addShape(pptx.shapes.RECTANGLE, { x:9, y:1, w:0.87, h:1, fill:'FF0000' });

slide.addShape(pptx.shapes.RECTANGLE, { x:0, y:2, w:'8.7%', h:1, fill:'0000FF' });
slide.addShape(pptx.shapes.RECTANGLE, { x:1, y:2, w:'8.7%', h:1, fill:'0000FF' });
slide.addShape(pptx.shapes.RECTANGLE, { x:2, y:2, w:'8.7%', h:1, fill:'0000FF' });
slide.addShape(pptx.shapes.RECTANGLE, { x:3, y:2, w:'8.7%', h:1, fill:'0000FF' });
slide.addShape(pptx.shapes.RECTANGLE, { x:4, y:2, w:'8.7%', h:1, fill:'0000FF' });
slide.addShape(pptx.shapes.RECTANGLE, { x:5, y:2, w:'8.7%', h:1, fill:'0000FF' });
slide.addShape(pptx.shapes.RECTANGLE, { x:6, y:2, w:'8.7%', h:1, fill:'0000FF' });
slide.addShape(pptx.shapes.RECTANGLE, { x:7, y:2, w:'8.7%', h:1, fill:'0000FF' });
slide.addShape(pptx.shapes.RECTANGLE, { x:8, y:2, w:'8.7%', h:1, fill:'0000FF' });
slide.addShape(pptx.shapes.RECTANGLE, { x:9, y:2, w:'8.7%', h:1, fill:'0000FF' });

pptx.save('PptxGenJS-Sandbox_'+getTimestamp());

Sample decks showing the before and after difference based on the above sample code.
parseInt Example.pptx
parseFloat Example.pptx

[gitbrent]

Thanks @ReimaFrgos !