diff --git a/jquery.sketchable.js b/jquery.sketchable.js
index 47d8e8f..c416581 100644
--- a/jquery.sketchable.js
+++ b/jquery.sketchable.js
@@ -411,7 +411,7 @@
     var p = getMousePos(e);
     // Mark visually 1st point of stroke.
     if (options.graphics.firstPointSize > 0) {
-      data.sketch.fillCircle(p.x, p.y, options.graphics.firstPointSize);
+      data.sketch.beginFill(options.graphics.fillStyle).fillCircle(p.x, p.y, options.graphics.firstPointSize).endFill();
     }
     // Ensure that coords is properly initialized.
     if (!data.coords[idx]) {
diff --git a/sketchable.js b/sketchable.js
index d49bda8..eb660d1 100644
--- a/sketchable.js
+++ b/sketchable.js
@@ -406,7 +406,7 @@
     var p = getMousePos(e);
     // Mark visually 1st point of stroke.
     if (options.graphics.firstPointSize > 0) {
-      data.sketch.fillCircle(p.x, p.y, options.graphics.firstPointSize);
+      data.sketch.beginFill(options.graphics.fillStyle).fillCircle(p.x, p.y, options.graphics.firstPointSize).endFill();
     }
     // Ensure that coords is properly initialized.
     if (!data.coords[idx]) {