diff --git a/README.md b/README.md
index f3e4fb8..993c550 100644
--- a/README.md
+++ b/README.md
@@ -15,14 +15,6 @@ This is basically just a fork of kjua that adds the possibility to render QR-cod
 
 Some options do not work when the code is rendered as SVG. These are:
 * rounded
-* mode
-* mSize
-* mPosX
-* mPosY
-* label
-* fontname
-* fontcolor
-* image
 
 ## License
 The MIT License (MIT)
diff --git a/package-lock.json b/package-lock.json
index 87db2d3..e83fcb3 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,6 +1,6 @@
 {
   "name": "kjua-svg",
-  "version": "1.6.0",
+  "version": "1.6.2",
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {
@@ -6000,6 +6000,12 @@
         "has-flag": "^3.0.0"
       }
     },
+    "svg.js": {
+      "version": "2.7.1",
+      "resolved": "https://registry.npmjs.org/svg.js/-/svg.js-2.7.1.tgz",
+      "integrity": "sha512-ycbxpizEQktk3FYvn/8BH+6/EuWXg7ZpQREJvgacqn46gIddG24tNNe4Son6omdXCnSOaApnpZw6MPCBA1dODA==",
+      "dev": true
+    },
     "table": {
       "version": "5.2.3",
       "resolved": "https://registry.npmjs.org/table/-/table-5.2.3.tgz",
diff --git a/package.json b/package.json
index 84e3b97..481fdcb 100644
--- a/package.json
+++ b/package.json
@@ -33,7 +33,8 @@
     "eslint": "^5.16.0",
     "ghu": "^0.20.0",
     "qrcode-generator": "^1.4.3",
-    "scar": "^1.7.0"
+    "scar": "^1.7.0",
+    "svg.js": "^2.7.1"
   },
   "engines": {
     "node": ">=10.0.0"
diff --git a/src/lib/defaults.js b/src/lib/defaults.js
index d6b503d..405dd55 100644
--- a/src/lib/defaults.js
+++ b/src/lib/defaults.js
@@ -44,6 +44,7 @@ module.exports = {
     label: 'no label',
     fontname: 'sans',
     fontcolor: '#333',
+    fontoutline: true,
 
     // image element
     image: null
diff --git a/src/lib/draw_svg.js b/src/lib/draw_svg.js
index 901a353..99601f5 100644
--- a/src/lib/draw_svg.js
+++ b/src/lib/draw_svg.js
@@ -1,50 +1,46 @@
 const {create_canvas, dpr, calc_image_pos} = require('./dom');
+const SVGJS = require("svg.js");
 
 const draw_svg = (svgText, settings) => {
     const container = document.createElement("div");
     container.innerHTML = svgText;
-    const svgElem = container.children.item(0);
-    const rectElem = svgElem.children.item(0);
-    const pathElem = svgElem.children.item(1);
-
-    svgElem.setAttribute("xmlns:xlink", "http://www.w3.org/1999/xlink");
+    const svgElem = container.firstChild;
+    const svg = SVGJS(svgElem);
 
     // In crisp mode, it is possible that the SVG is not exactly 400px --> fix this
     if (settings.crisp) {
-        svgElem.setAttribute("width", settings.size + "px");
-        svgElem.setAttribute("height", settings.size + "px");
-        svgElem.setAttribute("viewBox", "0 0 " + settings.size + " " + settings.size);
+        svg.attr("width", settings.size + "px");
+        svg.attr("height", settings.size + "px");
+        svg.attr("viewBox", "0 0 " + settings.size + " " + settings.size);
     }
     // Rect --> background-color
     if (!!settings.back) {
-        rectElem.setAttribute("fill", settings.back);
+        svg.select("rect").fill(settings.back);
     }
     // Path --> foreground-color
     if (!!settings.fill) {
-        pathElem.setAttribute("fill", settings.fill);
+        svg.select("path").fill(settings.fill);
     }
     if (settings.mode === "label") {
-        const textElem = document.createElementNS("http://www.w3.org/2000/svg", "text");
-        const tspanElem = document.createElementNS(null, "tspan");
-        tspanElem.textContent = settings.label;
-
         const rect = calc_text_pos(settings);
-        tspanElem.setAttributeNS(null, "x", rect.x.toString());
-        tspanElem.setAttributeNS(null, "y", rect.y.toString());
-        textElem.setAttributeNS(null, "fill", settings.fontcolor);
-        textElem.setAttributeNS(null, "font-family", settings.fontname);
-        textElem.setAttributeNS(null, "font-size", settings.mSize * 0.01 * settings.size + "px");
-        textElem.appendChild(tspanElem);
-        svgElem.appendChild(textElem);
+        const label = svg.text(add => {
+            add.tspan(settings.label);
+
+        });
+        label.x(rect.x);
+        label.y(rect.y);
+        label.attr("fill", settings.fontcolor);
+        label.attr("font-family", settings.fontname);
+        label.attr("font-size", settings.mSize * 0.01 * settings.size + "px");
+        // Outline-effect
+        if (settings.fontoutline) {
+            // TODO
+        }
     } else if (settings.mode === "image") {
-        const imageElem = document.createElementNS(null, "image");
-        const imagePos = calc_image_pos(settings);
-        imageElem.setAttributeNS(null, "width", imagePos.iw);
-        imageElem.setAttributeNS(null, "height", imagePos.ih);
-        imageElem.setAttributeNS(null, "x", imagePos.x);
-        imageElem.setAttributeNS(null, "y", imagePos.y);
-        imageElem.setAttribute("xlink:href", settings.image.getAttribute("src"));
-        svgElem.appendChild(imageElem);
+        const imgPos = calc_image_pos(settings);
+        const image = svg.image(settings.image.getAttribute("src"), imgPos.iw, imgPos.ih);
+        image.x(imgPos.x);
+        image.y(imgPos.y);
     }
     return svgElem;
 };