📦 Release v3.12.2

Author: lindell

README.md

@@ -135,13 +135,13 @@ Download or get the CDN link to the script:
 
 | Name | Supported barcodes | Size (gzip) | CDN / Download |
 |------|--------------------|:-----------:|---------------:|
-|  *All*  |  *All the barcodes!*  |  *11 kB*  |  *[JsBarcode.all.min.js][1]*  |
-|  CODE128  |  CODE128 (auto and force mode)  |  6.2 kB  |  [JsBarcode.code128.min.js][2]  |
+|  *All*  |  *All the barcodes!*  |  *11.1 kB*  |  *[JsBarcode.all.min.js][1]*  |
+|  CODE128  |  CODE128 (auto and force mode)  |  6.3 kB  |  [JsBarcode.code128.min.js][2]  |
 |  CODE39  |  CODE39  |  5.1 kB  |  [JsBarcode.code39.min.js][3]  |
-|  EAN / UPC  |  EAN-13, EAN-8, EAN-5, EAN-2, UPC (A)  |  6.6 kB  |  [JsBarcode.ean-upc.min.js][4]  |
-|  ITF  |  ITF, ITF-14  |  5 kB  |  [JsBarcode.itf.min.js][5]  |
+|  EAN / UPC  |  EAN-13, EAN-8, EAN-5, EAN-2, UPC (A)  |  6.7 kB  |  [JsBarcode.ean-upc.min.js][4]  |
+|  ITF  |  ITF, ITF-14  |  5.1 kB  |  [JsBarcode.itf.min.js][5]  |
 |  MSI  |  MSI, MSI10, MSI11, MSI1010, MSI1110  |  5 kB  |  [JsBarcode.msi.min.js][6]  |
-|  Pharmacode  |  Pharmacode  |  4.7 kB  |  [JsBarcode.pharmacode.min.js][7]  |
+|  Pharmacode  |  Pharmacode  |  4.8 kB  |  [JsBarcode.pharmacode.min.js][7]  |
 |  Codabar  |  Codabar  |  4.9 kB  |  [JsBarcode.codabar.min.js][8]  |
 |  CODE93  |  CODE93  |    |  JsBarcode.code93.min.js  |
 

bin/renderers/svg.js

@@ -64,7 +64,7 @@ var SVGRenderer = function () {
 			this.setSvgAttributes(width, maxHeight);
 
 			if (this.options.background) {
-				this.drawRect(0, 0, width, maxHeight, this.svg).setAttribute("style", "fill:" + this.options.background + ";");
+				this.drawRect(0, 0, width, maxHeight, this.svg).setAttribute("fill", this.options.background);
 			}
 		}
 	}, {
@@ -107,7 +107,14 @@ var SVGRenderer = function () {
 			if (options.displayValue) {
 				var x, y;
 
-				textElem.setAttribute("style", "font:" + options.fontOptions + " " + options.fontSize + "px " + options.font);
+				textElem.setAttribute("font-family", options.font);
+				textElem.setAttribute("font-size", options.fontSize);
+				if (options.fontOptions.includes("bold")) {
+					textElem.setAttribute("font-weight", "bold");
+				}
+				if (options.fontOptions.includes("italic")) {
+					textElem.setAttribute("font-style", "italic");
+				}
 
 				if (options.textPosition == "top") {
 					y = options.fontSize - options.textMargin;
@@ -149,8 +156,6 @@ var SVGRenderer = function () {
 
 			svg.setAttribute("xmlns", svgns);
 			svg.setAttribute("version", "1.1");
-
-			svg.setAttribute("style", "transform: translate(0,0)");
 		}
 	}, {
 		key: "createGroup",
@@ -165,7 +170,7 @@ var SVGRenderer = function () {
 	}, {
 		key: "setGroupOptions",
 		value: function setGroupOptions(group, options) {
-			group.setAttribute("style", "fill:" + options.lineColor + ";");
+			group.setAttribute("fill", options.lineColor);
 		}
 	}, {
 		key: "drawRect",

bower.json

@@ -1,7 +1,7 @@
 {
   "name": "JsBarcode",
   "main": "dist/JsBarcode.all.min.js",
-  "version": "3.12.1",
+  "version": "3.12.2",
   "homepage": "https://github.com/lindell/JsBarcode",
   "authors": [
     "Johan Lindell <johan@lindell.me>"

dist/JsBarcode.all.js

@@ -3674,7 +3674,7 @@ var SVGRenderer = function () {
 			this.setSvgAttributes(width, maxHeight);
 
 			if (this.options.background) {
-				this.drawRect(0, 0, width, maxHeight, this.svg).setAttribute("style", "fill:" + this.options.background + ";");
+				this.drawRect(0, 0, width, maxHeight, this.svg).setAttribute("fill", this.options.background);
 			}
 		}
 	}, {
@@ -3717,7 +3717,14 @@ var SVGRenderer = function () {
 			if (options.displayValue) {
 				var x, y;
 
-				textElem.setAttribute("style", "font:" + options.fontOptions + " " + options.fontSize + "px " + options.font);
+				textElem.setAttribute("font-family", options.font);
+				textElem.setAttribute("font-size", options.fontSize);
+				if (options.fontOptions.includes("bold")) {
+					textElem.setAttribute("font-weight", "bold");
+				}
+				if (options.fontOptions.includes("italic")) {
+					textElem.setAttribute("font-style", "italic");
+				}
 
 				if (options.textPosition == "top") {
 					y = options.fontSize - options.textMargin;
@@ -3759,8 +3766,6 @@ var SVGRenderer = function () {
 
 			svg.setAttribute("xmlns", svgns);
 			svg.setAttribute("version", "1.1");
-
-			svg.setAttribute("style", "transform: translate(0,0)");
 		}
 	}, {
 		key: "createGroup",
@@ -3775,7 +3780,7 @@ var SVGRenderer = function () {
 	}, {
 		key: "setGroupOptions",
 		value: function setGroupOptions(group, options) {
-			group.setAttribute("style", "fill:" + options.lineColor + ";");
+			group.setAttribute("fill", options.lineColor);
 		}
 	}, {
 		key: "drawRect",