From edd7a6a5bd9a6cc1ca9f57b82bee5eee519a45be Mon Sep 17 00:00:00 2001
From: xieguigang <xie.guigang@gcmodeller.org>
Date: Sun, 22 Apr 2018 03:16:34 +0800
Subject: [PATCH] draw circle

---
 viz/ts/svg/svg/svg/svg.ts | 30 +++++++++++++++++++++++++++++-
 1 file changed, 29 insertions(+), 1 deletion(-)

diff --git a/viz/ts/svg/svg/svg/svg.ts b/viz/ts/svg/svg/svg/svg.ts
index 3cb069b..bc9c185 100644
--- a/viz/ts/svg/svg/svg/svg.ts
+++ b/viz/ts/svg/svg/svg/svg.ts
@@ -1,4 +1,4 @@
-/// <reference path="Utils.ts"/>
+/// <reference path="Utils.ts"/>
 /// <reference path="Canvas.ts"/>
 
 /**
@@ -62,6 +62,34 @@ class Graphics {
         return this;
     }
 
+    drawCircle(center: Point, radius: number,
+        border: Pen = new Pen(Color.Black(), 1),
+        fill: Color = null,
+        id: string = null,
+        className: string = null): Graphics {
+
+        var attrs = {
+            "cx": center.x.toString(),
+            "cy": center.y.toString(),
+            "r": radius
+        };
+
+        if (id) attrs["id"] = id;
+        if (className) attrs["class"] = className;
+        if (fill) attrs["fill"] = fill.ToHtmlColor();
+
+        var node = svgNode("circle", attrs);
+
+        if (border) {
+            node.style.stroke = border.color.ToHtmlColor();
+            node.style.strokeWidth = border.width.toString();
+        }
+
+        this.svg.appendChild(node);
+
+        return this;
+    }
+
     /**
      * Draw a basic svg rectangle shape
     */