From 8d5249760a9f58dcd374322e02a891f059bf2851 Mon Sep 17 00:00:00 2001
From: Conrad Irwin <conrad.irwin@gmail.com>
Date: Sat, 5 Sep 2015 00:03:43 -0700
Subject: [PATCH 1/2] Don't draw invisible circles

---
 canvas2svg.js | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/canvas2svg.js b/canvas2svg.js
index ff09f8a..826bb11 100644
--- a/canvas2svg.js
+++ b/canvas2svg.js
@@ -926,6 +926,10 @@
      *  Arc command!
      */
     ctx.prototype.arc = function(x, y, radius, startAngle, endAngle, counterClockwise) {
+        // in canvas no circle is drawn if no angle is provided.
+        if (startAngle === endAngle) {
+            return;
+        }
         startAngle = startAngle % (2*Math.PI);
         endAngle = endAngle % (2*Math.PI);
         if(startAngle === endAngle) {

From 2a8c0625882e402edea42af118470eb565a466a5 Mon Sep 17 00:00:00 2001
From: Conrad Irwin <conrad.irwin@gmail.com>
Date: Wed, 9 Sep 2015 00:19:54 -0700
Subject: [PATCH 2/2] Add a test for empty arcs

---
 test/example/emptyArc.js | 12 ++++++++++++
 test/playground.html     |  4 ++--
 test/testrunner.html     |  2 +-
 3 files changed, 15 insertions(+), 3 deletions(-)
 create mode 100644 test/example/emptyArc.js

diff --git a/test/example/emptyArc.js b/test/example/emptyArc.js
new file mode 100644
index 0000000..0ad71f9
--- /dev/null
+++ b/test/example/emptyArc.js
@@ -0,0 +1,12 @@
+window.C2S_EXAMPLES['emptyArc'] = function(ctx) {
+
+    // Draw shapes
+    for (i = 0; i < 4; i++) {
+        for (j = 0; j < 3; j++) {
+            ctx.beginPath();
+            ctx.arc(100, 100, 100, Math.PI, Math.PI);
+            ctx.fill();
+        }
+    }
+    
+};
diff --git a/test/playground.html b/test/playground.html
index 6ccf53c..ab1cad2 100644
--- a/test/playground.html
+++ b/test/playground.html
@@ -20,7 +20,7 @@
         <div class="row">
             <div class="twelve columns">
                 <!-- select content is generated by the command `gulp update_examples` -->
-                <select id="select" class="u-full-width"><option value="arc">arc</option><option value="arcTo">arcTo</option><option value="arcTo2">arcTo2</option><option value="fillstyle">fillstyle</option><option value="globalalpha">globalalpha</option><option value="gradient">gradient</option><option value="linecap">linecap</option><option value="linewidth">linewidth</option><option value="rgba">rgba</option><option value="saveandrestore">saveandrestore</option><option value="text">text</option><option value="tiger">tiger</option></select>
+                <select id="select" class="u-full-width"><option value="arc">arc</option><option value="arcTo">arcTo</option><option value="arcTo2">arcTo2</option><option value="emptyArc">emptyArc</option><option value="fillstyle">fillstyle</option><option value="globalalpha">globalalpha</option><option value="gradient">gradient</option><option value="linecap">linecap</option><option value="linewidth">linewidth</option><option value="rgba">rgba</option><option value="saveandrestore">saveandrestore</option><option value="text">text</option><option value="tiger">tiger</option></select>
             </div>
         </div>
     </form>
@@ -64,7 +64,7 @@
 </script>
 
 <!-- examples content is generated by the command `gulp update_examples` -->
-<div id="examples"><script type="text/javascript" src="example/arc.js"></script><script type="text/javascript" src="example/arcTo.js"></script><script type="text/javascript" src="example/arcTo2.js"></script><script type="text/javascript" src="example/fillstyle.js"></script><script type="text/javascript" src="example/globalalpha.js"></script><script type="text/javascript" src="example/gradient.js"></script><script type="text/javascript" src="example/linecap.js"></script><script type="text/javascript" src="example/linewidth.js"></script><script type="text/javascript" src="example/rgba.js"></script><script type="text/javascript" src="example/saveandrestore.js"></script><script type="text/javascript" src="example/text.js"></script><script type="text/javascript" src="example/tiger.js"></script></div>
+<div id="examples"><script type="text/javascript" src="example/arc.js"></script><script type="text/javascript" src="example/arcTo.js"></script><script type="text/javascript" src="example/arcTo2.js"></script><script type="text/javascript" src="example/emptyArc.js"></script><script type="text/javascript" src="example/fillstyle.js"></script><script type="text/javascript" src="example/globalalpha.js"></script><script type="text/javascript" src="example/gradient.js"></script><script type="text/javascript" src="example/linecap.js"></script><script type="text/javascript" src="example/linewidth.js"></script><script type="text/javascript" src="example/rgba.js"></script><script type="text/javascript" src="example/saveandrestore.js"></script><script type="text/javascript" src="example/text.js"></script><script type="text/javascript" src="example/tiger.js"></script></div>
 
 <script type="text/javascript">
     (function () {
diff --git a/test/testrunner.html b/test/testrunner.html
index 1b28d43..c55da99 100644
--- a/test/testrunner.html
+++ b/test/testrunner.html
@@ -18,7 +18,7 @@
     var expect = chai.expect;
 </script>
 <!-- examples content is generated by the command `gulp update_examples` -->
-<div id="examples"><script type="text/javascript" src="example/arc.js"></script><script type="text/javascript" src="example/arcTo.js"></script><script type="text/javascript" src="example/arcTo2.js"></script><script type="text/javascript" src="example/fillstyle.js"></script><script type="text/javascript" src="example/globalalpha.js"></script><script type="text/javascript" src="example/gradient.js"></script><script type="text/javascript" src="example/linecap.js"></script><script type="text/javascript" src="example/linewidth.js"></script><script type="text/javascript" src="example/rgba.js"></script><script type="text/javascript" src="example/saveandrestore.js"></script><script type="text/javascript" src="example/text.js"></script><script type="text/javascript" src="example/tiger.js"></script></div>
+<div id="examples"><script type="text/javascript" src="example/arc.js"></script><script type="text/javascript" src="example/arcTo.js"></script><script type="text/javascript" src="example/arcTo2.js"></script><script type="text/javascript" src="example/emptyArc.js"></script><script type="text/javascript" src="example/fillstyle.js"></script><script type="text/javascript" src="example/globalalpha.js"></script><script type="text/javascript" src="example/gradient.js"></script><script type="text/javascript" src="example/linecap.js"></script><script type="text/javascript" src="example/linewidth.js"></script><script type="text/javascript" src="example/rgba.js"></script><script type="text/javascript" src="example/saveandrestore.js"></script><script type="text/javascript" src="example/text.js"></script><script type="text/javascript" src="example/tiger.js"></script></div>
 <script src="unit.spec.js"></script>
 <script src="example.spec.js"></script>
 <script>