Shorten generated HTML

Author: casperbakker

src/BarcodeGeneratorDynamicHTML.php

@@ -30,7 +30,7 @@ public function getBarcode($barcode, $type, string $foregroundColor = 'black')
                 $positionVertical = round(($bar->getPositionVertical() / $barcodeData->getHeight() * 100), 3);
 
                 // draw a vertical bar
-                $html .= '<div style="background-color:' . $foregroundColor . ';width:' . round($barWidth, self::WIDTH_PRECISION) . '%;height:' . $barHeight . '%;position:absolute;left:' . round($positionHorizontal, self::WIDTH_PRECISION) . '%;top:' . $positionVertical . (($positionVertical > 0) ? '%' : '') . ';">&nbsp;</div>' . PHP_EOL;
+                $html .= '<div style="background-color:' . $foregroundColor . ';width:' . round($barWidth, self::WIDTH_PRECISION) . '%;height:' . $barHeight . '%;position:absolute;left:' . round($positionHorizontal, self::WIDTH_PRECISION) . '%;top:' . $positionVertical . (($positionVertical > 0) ? '%' : '') . '">&nbsp;</div>' . PHP_EOL;
             }
 
             $positionHorizontal += $barWidth;

src/BarcodeGeneratorHTML.php

@@ -30,7 +30,7 @@ public function getBarcode($barcode, $type, int $widthFactor = 2, int $height =
                 $positionVertical = round(($bar->getPositionVertical() * $height / $barcodeData->getHeight()), 3);
 
                 // draw a vertical bar
-                $html .= '<div style="background-color:' . $foregroundColor . ';width:' . $barWidth . 'px;height:' . $barHeight . 'px;position:absolute;left:' . $positionHorizontal . 'px;top:' . $positionVertical . 'px;">&nbsp;</div>' . PHP_EOL;
+                $html .= '<div style="background-color:' . $foregroundColor . ';width:' . $barWidth . 'px;height:' . $barHeight . 'px;position:absolute;left:' . $positionHorizontal . 'px;top:' . $positionVertical . (($positionVertical > 0) ? 'px' : '') . '">&nbsp;</div>' . PHP_EOL;
             }
 
             $positionHorizontal += $barWidth;

tests/verified-files/081231723897-code128.html

@@ -1,30 +1,30 @@
 <div style="font-size:0;position:relative;width:202px;height:30px;">
-<div style="background-color:black;width:4px;height:30px;position:absolute;left:0px;top:0px;">&nbsp;</div>
-<div style="background-color:black;width:2px;height:30px;position:absolute;left:6px;top:0px;">&nbsp;</div>
-<div style="background-color:black;width:6px;height:30px;position:absolute;left:12px;top:0px;">&nbsp;</div>
-<div style="background-color:black;width:2px;height:30px;position:absolute;left:22px;top:0px;">&nbsp;</div>
-<div style="background-color:black;width:4px;height:30px;position:absolute;left:30px;top:0px;">&nbsp;</div>
-<div style="background-color:black;width:2px;height:30px;position:absolute;left:38px;top:0px;">&nbsp;</div>
-<div style="background-color:black;width:2px;height:30px;position:absolute;left:44px;top:0px;">&nbsp;</div>
-<div style="background-color:black;width:4px;height:30px;position:absolute;left:48px;top:0px;">&nbsp;</div>
-<div style="background-color:black;width:6px;height:30px;position:absolute;left:56px;top:0px;">&nbsp;</div>
-<div style="background-color:black;width:4px;height:30px;position:absolute;left:66px;top:0px;">&nbsp;</div>
-<div style="background-color:black;width:4px;height:30px;position:absolute;left:72px;top:0px;">&nbsp;</div>
-<div style="background-color:black;width:4px;height:30px;position:absolute;left:82px;top:0px;">&nbsp;</div>
-<div style="background-color:black;width:2px;height:30px;position:absolute;left:88px;top:0px;">&nbsp;</div>
-<div style="background-color:black;width:4px;height:30px;position:absolute;left:94px;top:0px;">&nbsp;</div>
-<div style="background-color:black;width:2px;height:30px;position:absolute;left:106px;top:0px;">&nbsp;</div>
-<div style="background-color:black;width:2px;height:30px;position:absolute;left:110px;top:0px;">&nbsp;</div>
-<div style="background-color:black;width:4px;height:30px;position:absolute;left:118px;top:0px;">&nbsp;</div>
-<div style="background-color:black;width:2px;height:30px;position:absolute;left:128px;top:0px;">&nbsp;</div>
-<div style="background-color:black;width:8px;height:30px;position:absolute;left:132px;top:0px;">&nbsp;</div>
-<div style="background-color:black;width:2px;height:30px;position:absolute;left:142px;top:0px;">&nbsp;</div>
-<div style="background-color:black;width:2px;height:30px;position:absolute;left:146px;top:0px;">&nbsp;</div>
-<div style="background-color:black;width:6px;height:30px;position:absolute;left:154px;top:0px;">&nbsp;</div>
-<div style="background-color:black;width:2px;height:30px;position:absolute;left:162px;top:0px;">&nbsp;</div>
-<div style="background-color:black;width:4px;height:30px;position:absolute;left:166px;top:0px;">&nbsp;</div>
-<div style="background-color:black;width:4px;height:30px;position:absolute;left:176px;top:0px;">&nbsp;</div>
-<div style="background-color:black;width:6px;height:30px;position:absolute;left:186px;top:0px;">&nbsp;</div>
-<div style="background-color:black;width:2px;height:30px;position:absolute;left:194px;top:0px;">&nbsp;</div>
-<div style="background-color:black;width:4px;height:30px;position:absolute;left:198px;top:0px;">&nbsp;</div>
+<div style="background-color:black;width:4px;height:30px;position:absolute;left:0px;top:0">&nbsp;</div>
+<div style="background-color:black;width:2px;height:30px;position:absolute;left:6px;top:0">&nbsp;</div>
+<div style="background-color:black;width:6px;height:30px;position:absolute;left:12px;top:0">&nbsp;</div>
+<div style="background-color:black;width:2px;height:30px;position:absolute;left:22px;top:0">&nbsp;</div>
+<div style="background-color:black;width:4px;height:30px;position:absolute;left:30px;top:0">&nbsp;</div>
+<div style="background-color:black;width:2px;height:30px;position:absolute;left:38px;top:0">&nbsp;</div>
+<div style="background-color:black;width:2px;height:30px;position:absolute;left:44px;top:0">&nbsp;</div>
+<div style="background-color:black;width:4px;height:30px;position:absolute;left:48px;top:0">&nbsp;</div>
+<div style="background-color:black;width:6px;height:30px;position:absolute;left:56px;top:0">&nbsp;</div>
+<div style="background-color:black;width:4px;height:30px;position:absolute;left:66px;top:0">&nbsp;</div>
+<div style="background-color:black;width:4px;height:30px;position:absolute;left:72px;top:0">&nbsp;</div>
+<div style="background-color:black;width:4px;height:30px;position:absolute;left:82px;top:0">&nbsp;</div>
+<div style="background-color:black;width:2px;height:30px;position:absolute;left:88px;top:0">&nbsp;</div>
+<div style="background-color:black;width:4px;height:30px;position:absolute;left:94px;top:0">&nbsp;</div>
+<div style="background-color:black;width:2px;height:30px;position:absolute;left:106px;top:0">&nbsp;</div>
+<div style="background-color:black;width:2px;height:30px;position:absolute;left:110px;top:0">&nbsp;</div>
+<div style="background-color:black;width:4px;height:30px;position:absolute;left:118px;top:0">&nbsp;</div>
+<div style="background-color:black;width:2px;height:30px;position:absolute;left:128px;top:0">&nbsp;</div>
+<div style="background-color:black;width:8px;height:30px;position:absolute;left:132px;top:0">&nbsp;</div>
+<div style="background-color:black;width:2px;height:30px;position:absolute;left:142px;top:0">&nbsp;</div>
+<div style="background-color:black;width:2px;height:30px;position:absolute;left:146px;top:0">&nbsp;</div>
+<div style="background-color:black;width:6px;height:30px;position:absolute;left:154px;top:0">&nbsp;</div>
+<div style="background-color:black;width:2px;height:30px;position:absolute;left:162px;top:0">&nbsp;</div>
+<div style="background-color:black;width:4px;height:30px;position:absolute;left:166px;top:0">&nbsp;</div>
+<div style="background-color:black;width:4px;height:30px;position:absolute;left:176px;top:0">&nbsp;</div>
+<div style="background-color:black;width:6px;height:30px;position:absolute;left:186px;top:0">&nbsp;</div>
+<div style="background-color:black;width:2px;height:30px;position:absolute;left:194px;top:0">&nbsp;</div>
+<div style="background-color:black;width:4px;height:30px;position:absolute;left:198px;top:0">&nbsp;</div>
 </div>

tests/verified-files/081231723897-dynamic-code128.html

@@ -1,30 +1,30 @@
 <div style="font-size:0;position:relative;width:100%;height:100%">
-<div style="background-color:black;width:1.980198%;height:100%;position:absolute;left:0%;top:0;">&nbsp;</div>
-<div style="background-color:black;width:0.990099%;height:100%;position:absolute;left:2.970297%;top:0;">&nbsp;</div>
-<div style="background-color:black;width:2.970297%;height:100%;position:absolute;left:5.940594%;top:0;">&nbsp;</div>
-<div style="background-color:black;width:0.990099%;height:100%;position:absolute;left:10.891089%;top:0;">&nbsp;</div>
-<div style="background-color:black;width:1.980198%;height:100%;position:absolute;left:14.851485%;top:0;">&nbsp;</div>
-<div style="background-color:black;width:0.990099%;height:100%;position:absolute;left:18.811881%;top:0;">&nbsp;</div>
-<div style="background-color:black;width:0.990099%;height:100%;position:absolute;left:21.782178%;top:0;">&nbsp;</div>
-<div style="background-color:black;width:1.980198%;height:100%;position:absolute;left:23.762376%;top:0;">&nbsp;</div>
-<div style="background-color:black;width:2.970297%;height:100%;position:absolute;left:27.722772%;top:0;">&nbsp;</div>
-<div style="background-color:black;width:1.980198%;height:100%;position:absolute;left:32.673267%;top:0;">&nbsp;</div>
-<div style="background-color:black;width:1.980198%;height:100%;position:absolute;left:35.643564%;top:0;">&nbsp;</div>
-<div style="background-color:black;width:1.980198%;height:100%;position:absolute;left:40.594059%;top:0;">&nbsp;</div>
-<div style="background-color:black;width:0.990099%;height:100%;position:absolute;left:43.564356%;top:0;">&nbsp;</div>
-<div style="background-color:black;width:1.980198%;height:100%;position:absolute;left:46.534653%;top:0;">&nbsp;</div>
-<div style="background-color:black;width:0.990099%;height:100%;position:absolute;left:52.475248%;top:0;">&nbsp;</div>
-<div style="background-color:black;width:0.990099%;height:100%;position:absolute;left:54.455446%;top:0;">&nbsp;</div>
-<div style="background-color:black;width:1.980198%;height:100%;position:absolute;left:58.415842%;top:0;">&nbsp;</div>
-<div style="background-color:black;width:0.990099%;height:100%;position:absolute;left:63.366337%;top:0;">&nbsp;</div>
-<div style="background-color:black;width:3.960396%;height:100%;position:absolute;left:65.346535%;top:0;">&nbsp;</div>
-<div style="background-color:black;width:0.990099%;height:100%;position:absolute;left:70.29703%;top:0;">&nbsp;</div>
-<div style="background-color:black;width:0.990099%;height:100%;position:absolute;left:72.277228%;top:0;">&nbsp;</div>
-<div style="background-color:black;width:2.970297%;height:100%;position:absolute;left:76.237624%;top:0;">&nbsp;</div>
-<div style="background-color:black;width:0.990099%;height:100%;position:absolute;left:80.19802%;top:0;">&nbsp;</div>
-<div style="background-color:black;width:1.980198%;height:100%;position:absolute;left:82.178218%;top:0;">&nbsp;</div>
-<div style="background-color:black;width:1.980198%;height:100%;position:absolute;left:87.128713%;top:0;">&nbsp;</div>
-<div style="background-color:black;width:2.970297%;height:100%;position:absolute;left:92.079208%;top:0;">&nbsp;</div>
-<div style="background-color:black;width:0.990099%;height:100%;position:absolute;left:96.039604%;top:0;">&nbsp;</div>
-<div style="background-color:black;width:1.980198%;height:100%;position:absolute;left:98.019802%;top:0;">&nbsp;</div>
+<div style="background-color:black;width:1.980198%;height:100%;position:absolute;left:0%;top:0">&nbsp;</div>
+<div style="background-color:black;width:0.990099%;height:100%;position:absolute;left:2.970297%;top:0">&nbsp;</div>
+<div style="background-color:black;width:2.970297%;height:100%;position:absolute;left:5.940594%;top:0">&nbsp;</div>
+<div style="background-color:black;width:0.990099%;height:100%;position:absolute;left:10.891089%;top:0">&nbsp;</div>
+<div style="background-color:black;width:1.980198%;height:100%;position:absolute;left:14.851485%;top:0">&nbsp;</div>
+<div style="background-color:black;width:0.990099%;height:100%;position:absolute;left:18.811881%;top:0">&nbsp;</div>
+<div style="background-color:black;width:0.990099%;height:100%;position:absolute;left:21.782178%;top:0">&nbsp;</div>
+<div style="background-color:black;width:1.980198%;height:100%;position:absolute;left:23.762376%;top:0">&nbsp;</div>
+<div style="background-color:black;width:2.970297%;height:100%;position:absolute;left:27.722772%;top:0">&nbsp;</div>
+<div style="background-color:black;width:1.980198%;height:100%;position:absolute;left:32.673267%;top:0">&nbsp;</div>
+<div style="background-color:black;width:1.980198%;height:100%;position:absolute;left:35.643564%;top:0">&nbsp;</div>
+<div style="background-color:black;width:1.980198%;height:100%;position:absolute;left:40.594059%;top:0">&nbsp;</div>
+<div style="background-color:black;width:0.990099%;height:100%;position:absolute;left:43.564356%;top:0">&nbsp;</div>
+<div style="background-color:black;width:1.980198%;height:100%;position:absolute;left:46.534653%;top:0">&nbsp;</div>
+<div style="background-color:black;width:0.990099%;height:100%;position:absolute;left:52.475248%;top:0">&nbsp;</div>
+<div style="background-color:black;width:0.990099%;height:100%;position:absolute;left:54.455446%;top:0">&nbsp;</div>
+<div style="background-color:black;width:1.980198%;height:100%;position:absolute;left:58.415842%;top:0">&nbsp;</div>
+<div style="background-color:black;width:0.990099%;height:100%;position:absolute;left:63.366337%;top:0">&nbsp;</div>
+<div style="background-color:black;width:3.960396%;height:100%;position:absolute;left:65.346535%;top:0">&nbsp;</div>
+<div style="background-color:black;width:0.990099%;height:100%;position:absolute;left:70.29703%;top:0">&nbsp;</div>
+<div style="background-color:black;width:0.990099%;height:100%;position:absolute;left:72.277228%;top:0">&nbsp;</div>
+<div style="background-color:black;width:2.970297%;height:100%;position:absolute;left:76.237624%;top:0">&nbsp;</div>
+<div style="background-color:black;width:0.990099%;height:100%;position:absolute;left:80.19802%;top:0">&nbsp;</div>
+<div style="background-color:black;width:1.980198%;height:100%;position:absolute;left:82.178218%;top:0">&nbsp;</div>
+<div style="background-color:black;width:1.980198%;height:100%;position:absolute;left:87.128713%;top:0">&nbsp;</div>
+<div style="background-color:black;width:2.970297%;height:100%;position:absolute;left:92.079208%;top:0">&nbsp;</div>
+<div style="background-color:black;width:0.990099%;height:100%;position:absolute;left:96.039604%;top:0">&nbsp;</div>
+<div style="background-color:black;width:1.980198%;height:100%;position:absolute;left:98.019802%;top:0">&nbsp;</div>
 </div>