DevTools: fix rendering of markers on flame chart

Source/devtools/front_end/FlameChart.js

 /**
  * Copyright (C) 2013 Google Inc. All rights reserved.
  *
  * Redistribution and use in source and binary forms, with or without
  * modification, are permitted provided that the following conditions are
  * met:
  *
  *     * Redistributions of source code must retain the above copyright
  * notice, this list of conditions and the following disclaimer.
  *     * Redistributions in binary form must reproduce the above
@@ skipping 607 matching lines @@
             context.beginPath();
             for (i = 0; i < indexes.length; ++i) {
                 var entryIndex = indexes[i];
                 var entryOffset = entryOffsets[entryIndex];
                 var barX = this._offsetToPosition(entryOffset);
                 var barRight = this._offsetToPosition(entryOffset + entryTotalTimes[entryIndex]);
                 var barWidth = Math.max(barRight - barX, minWidth);
                 var barLevel = entryLevels[entryIndex];
                 var barY = this._levelToHeight(barLevel);
                 if (isNaN(entryTotalTimes[entryIndex])) {
+                    context.moveTo(barX + this._markerRadius, barY + barHeight / 2);
                     context.arc(barX, barY + barHeight / 2, this._markerRadius, 0, Math.PI * 2);
                     markerIndices[nextMarkerIndex++] = entryIndex;
                 } else {
                     context.rect(barX, barY, barWidth, barHeight);
                     if (barWidth > minTextWidth || this._dataProvider.forceDecoration(entryIndex))
                         titleIndices[nextTitleIndex++] = entryIndex;
                 }
             }
             context.fill();
         }
 
         context.strokeStyle = "rgb(0, 0, 0)";
+        context.beginPath();
         for (var m = 0; m < nextMarkerIndex; ++m) {
             var entryIndex = markerIndices[m];
             var entryOffset = entryOffsets[entryIndex];
             var barX = this._offsetToPosition(entryOffset);
             var barLevel = entryLevels[entryIndex];
             var barY = this._levelToHeight(barLevel);
-            context.beginPath();
+            context.moveTo(barX + this._markerRadius, barY + barHeight / 2);
             context.arc(barX, barY + barHeight / 2, this._markerRadius, 0, Math.PI * 2);
-            context.stroke();
         }
+        context.stroke();
 
         context.textBaseline = "alphabetic";
 
         for (var i = 0; i < nextTitleIndex; ++i) {
             var entryIndex = titleIndices[i];
             var entryOffset = entryOffsets[entryIndex];
             var barX = this._offsetToPosition(entryOffset);
             var barRight = this._offsetToPosition(entryOffset + entryTotalTimes[entryIndex]);
             var barWidth = Math.max(barRight - barX, minWidth);
             var barLevel = entryLevels[entryIndex];
@@ skipping 191 matching lines @@
     reset: function()
     {
         this._highlightedEntryIndex = -1;
         this._selectedEntryIndex = -1;
         this._textWidth = {};
         this.update();
     },
 
     __proto__: WebInspector.HBox.prototype
 }