diff --git a/packages/_debug_app/package-lock.json b/packages/_debug_app/package-lock.json
index 8168782..3a16c4c 100644
--- a/packages/_debug_app/package-lock.json
+++ b/packages/_debug_app/package-lock.json
@@ -1,6 +1,6 @@
 {
   "name": "red-agate-debug-env",
-  "version": "0.2.6",
+  "version": "0.2.7",
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {
diff --git a/packages/_debug_app/package.json b/packages/_debug_app/package.json
index cfa9013..7f97c7a 100644
--- a/packages/_debug_app/package.json
+++ b/packages/_debug_app/package.json
@@ -1,7 +1,7 @@
 {
   "name": "red-agate-debug-env",
   "private": true,
-  "version": "0.2.6",
+  "version": "0.2.7",
   "description": "red-agate debug environment",
   "keywords": [],
   "main": "./dist/app.js",
@@ -17,10 +17,10 @@
     "puppeteer": "^1.7.0"
   },
   "peerDependencies": {
-    "red-agate": "^0.2.6",
-    "red-agate-barcode": "^0.2.6",
+    "red-agate": "^0.2.7",
+    "red-agate-barcode": "^0.2.7",
     "red-agate-math": "^0.2.0",
-    "red-agate-svg-canvas": "^0.2.6",
+    "red-agate-svg-canvas": "^0.2.7",
     "red-agate-util": "^0.2.0"
   },
   "devDependencies": {
diff --git a/packages/_lib-dist/package-lock.json b/packages/_lib-dist/package-lock.json
index ba9b7af..dacfb56 100644
--- a/packages/_lib-dist/package-lock.json
+++ b/packages/_lib-dist/package-lock.json
@@ -1,6 +1,6 @@
 {
   "name": "red-agate-lib-dist",
-  "version": "0.2.6",
+  "version": "0.2.7",
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {
diff --git a/packages/_lib-dist/package.json b/packages/_lib-dist/package.json
index f9c55ae..155ef24 100644
--- a/packages/_lib-dist/package.json
+++ b/packages/_lib-dist/package.json
@@ -1,7 +1,7 @@
 {
   "name": "red-agate-lib-dist",
   "private": true,
-  "version": "0.2.6",
+  "version": "0.2.7",
   "description": "red-agate debug environment",
   "keywords": [],
   "main": "./dist/app.js",
@@ -17,11 +17,11 @@
     "puppeteer": "^1.7.0"
   },
   "peerDependencies": {
-    "red-agate": "^0.2.6",
-    "red-agate-barcode": "^0.2.6",
+    "red-agate": "^0.2.7",
+    "red-agate-barcode": "^0.2.7",
     "red-agate-math": "^0.2.0",
-    "red-agate-react-host": "^0.2.6",
-    "red-agate-svg-canvas": "^0.2.6",
+    "red-agate-react-host": "^0.2.7",
+    "red-agate-svg-canvas": "^0.2.7",
     "red-agate-util": "^0.2.0"
   },
   "devDependencies": {
diff --git a/packages/red-agate-barcode/package-lock.json b/packages/red-agate-barcode/package-lock.json
index 2cd5154..a44135a 100644
--- a/packages/red-agate-barcode/package-lock.json
+++ b/packages/red-agate-barcode/package-lock.json
@@ -1,6 +1,6 @@
 {
   "name": "red-agate-barcode",
-  "version": "0.2.6",
+  "version": "0.2.7",
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {
diff --git a/packages/red-agate-barcode/package.json b/packages/red-agate-barcode/package.json
index 43637a3..b9c81cf 100644
--- a/packages/red-agate-barcode/package.json
+++ b/packages/red-agate-barcode/package.json
@@ -1,7 +1,7 @@
 {
   "name": "red-agate-barcode",
   "private": false,
-  "version": "0.2.6",
+  "version": "0.2.7",
   "description": "red-agate barcode tag library.",
   "keywords": [
     "QR Code",
@@ -24,9 +24,9 @@
   },
   "dependencies": {},
   "peerDependencies": {
-    "red-agate": "^0.2.6",
+    "red-agate": "^0.2.7",
     "red-agate-math": "^0.2.0",
-    "red-agate-svg-canvas": "^0.2.6",
+    "red-agate-svg-canvas": "^0.2.7",
     "red-agate-util": "^0.2.0"
   },
   "devDependencies": {
diff --git a/packages/red-agate-react-host/package-lock.json b/packages/red-agate-react-host/package-lock.json
index 77b6052..b532eca 100644
--- a/packages/red-agate-react-host/package-lock.json
+++ b/packages/red-agate-react-host/package-lock.json
@@ -1,6 +1,6 @@
 {
   "name": "red-agate-react-host",
-  "version": "0.2.6",
+  "version": "0.2.7",
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {
diff --git a/packages/red-agate-react-host/package.json b/packages/red-agate-react-host/package.json
index b501783..a183122 100644
--- a/packages/red-agate-react-host/package.json
+++ b/packages/red-agate-react-host/package.json
@@ -1,7 +1,7 @@
 {
   "name": "red-agate-react-host",
   "private": false,
-  "version": "0.2.6",
+  "version": "0.2.7",
   "description": "Using react componetns from RedAgate.",
   "keywords": [
     "RedAgate",
@@ -17,9 +17,9 @@
   },
   "dependencies": {},
   "peerDependencies": {
-    "red-agate": "^0.2.6",
+    "red-agate": "^0.2.7",
     "red-agate-math": "^0.2.0",
-    "red-agate-svg-canvas": "^0.2.6",
+    "red-agate-svg-canvas": "^0.2.7",
     "red-agate-util": "^0.2.0",
     "react": "^16.4.2",
     "react-dom": "^16.4.2"
diff --git a/packages/red-agate-svg-canvas/package-lock.json b/packages/red-agate-svg-canvas/package-lock.json
index 1629f38..62057a2 100644
--- a/packages/red-agate-svg-canvas/package-lock.json
+++ b/packages/red-agate-svg-canvas/package-lock.json
@@ -1,6 +1,6 @@
 {
   "name": "red-agate-svg-canvas",
-  "version": "0.2.6",
+  "version": "0.2.7",
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {
diff --git a/packages/red-agate-svg-canvas/package.json b/packages/red-agate-svg-canvas/package.json
index 5f6dd3f..daa1019 100644
--- a/packages/red-agate-svg-canvas/package.json
+++ b/packages/red-agate-svg-canvas/package.json
@@ -1,7 +1,7 @@
 {
   "name": "red-agate-svg-canvas",
   "private": false,
-  "version": "0.2.6",
+  "version": "0.2.7",
   "description": "red-agate svg canvas library.",
   "keywords": [
     "SVG",
diff --git a/packages/red-agate-svg-canvas/src/drawing/canvas/SvgCanvas.ts b/packages/red-agate-svg-canvas/src/drawing/canvas/SvgCanvas.ts
index 52542e8..06082e1 100644
--- a/packages/red-agate-svg-canvas/src/drawing/canvas/SvgCanvas.ts
+++ b/packages/red-agate-svg-canvas/src/drawing/canvas/SvgCanvas.ts
@@ -76,11 +76,16 @@ export class SvgCanvasImageData {
 }
 
 
-export class SvgCanvas2DLinerGradient implements VectorCanvas2DGradient, SvgCanvas2DAsset {
+export abstract class SvgCanvas2DGradient {
+}
+
+
+export class SvgCanvas2DLinerGradient extends SvgCanvas2DGradient implements VectorCanvas2DGradient, SvgCanvas2DAsset {
     private content: string;
     constructor(
         private id: string,
         private x0: number, private y0: number, private x1: number, private y1: number) {
+        super();
         this.content = `<linearGradient id="${id}" gradientUnits="userSpaceOnUse" x1="${x0}" y1="${y0}" x2="${x1}" y2="${y1}" >\n`;
     }
     public addColorStop(offset: number, color: string, opacity: number = 1): void {
@@ -95,13 +100,14 @@ export class SvgCanvas2DLinerGradient implements VectorCanvas2DGradient, SvgCanv
 }
 
 
-export class SvgCanvas2DRadialGradient implements VectorCanvas2DGradient, SvgCanvas2DAsset {
+export class SvgCanvas2DRadialGradient extends SvgCanvas2DGradient implements VectorCanvas2DGradient, SvgCanvas2DAsset {
     private content: string;
     /** fr is ignored. fr is always 0. */
     constructor(
         private id: string,
         private cx: number, private cy: number, private r: number,
         private fx: number, private fy: number) {
+        super();
         this.content = `<radialGradient id="${id}" gradientUnits="userSpaceOnUse" cx="${cx}" cy="${cy}" r="${r}" fx="${fx}" fy="${fy}" >\n`;
     }
     public addColorStop(offset: number, color: string, opacity: number = 1): void {
diff --git a/packages/red-agate/package-lock.json b/packages/red-agate/package-lock.json
index 8008a4e..c915957 100644
--- a/packages/red-agate/package-lock.json
+++ b/packages/red-agate/package-lock.json
@@ -1,6 +1,6 @@
 {
   "name": "red-agate",
-  "version": "0.2.6",
+  "version": "0.2.7",
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {
@@ -4585,9 +4585,9 @@
       "integrity": "sha512-fIu7GRxZ5GPyZTYKpOQfomaEGod29FXBOT/JlWHV4EiaVpkYU2Ron1Qdsc8pNs9e5nUpG9/6dPJe0s/0dbgcsw=="
     },
     "red-agate-svg-canvas": {
-      "version": "0.2.6",
-      "resolved": "https://registry.npmjs.org/red-agate-svg-canvas/-/red-agate-svg-canvas-0.2.6.tgz",
-      "integrity": "sha512-HSvSJRo8c6Brgo0gp4ba42mSiUfQBlzHYiF7T7WagSCl09JWkH7or287/6Wb4bHsVkJv/hg78XGeHEVqDX1MVQ=="
+      "version": "0.2.7",
+      "resolved": "https://registry.npmjs.org/red-agate-svg-canvas/-/red-agate-svg-canvas-0.2.7.tgz",
+      "integrity": "sha512-+NPIfD7AvVdDm/KIMtHxzwQPvVAptqicd2mmdLqLoAz5wvyOK8/WAOwA8kQBH+kY7p0r+3TU84B/NZYcJA871w=="
     },
     "red-agate-util": {
       "version": "0.2.0",
diff --git a/packages/red-agate/package.json b/packages/red-agate/package.json
index 5b56a8c..9f55293 100644
--- a/packages/red-agate/package.json
+++ b/packages/red-agate/package.json
@@ -1,7 +1,7 @@
 {
   "name": "red-agate",
   "private": false,
-  "version": "0.2.6",
+  "version": "0.2.7",
   "description": "Static HTML|XML|SVG renderer using JSX, suitable for report output.",
   "keywords": [
     "svg",
@@ -27,7 +27,7 @@
   },
   "dependencies": {
     "red-agate-math": "^0.2.0",
-    "red-agate-svg-canvas": "^0.2.6",
+    "red-agate-svg-canvas": "^0.2.7",
     "red-agate-util": "^0.2.0"
   },
   "peerDependencies": {