clean up lineJoin/lineCap

src/layer/vector2/Canvas.js

@@ -13,9 +13,6 @@ L.Canvas = L.Renderer.extend({
 
 		var ctx = this._ctx = container.getContext('2d');
 
-		ctx.lineCap = 'round';
-		ctx.lineJoin = 'round';
-
 		this.getPane().appendChild(container);
 		this._update();
 	},
@@ -104,23 +101,25 @@ L.Canvas = L.Renderer.extend({
 			ctx.globalAlpha = options.opacity;
 			ctx.lineWidth = options.weight;
 			ctx.strokeStyle = options.color;
+			ctx.lineCap = options.lineCap;
+			ctx.lineJoin = options.lineJoin;
 			ctx.stroke();
 		}
 
 		// TODO optimization: 1 fill/stroke for all features with equal style instead of 1 for each feature
 	},
 
-	_bringToFront: function (layer) {
-		// TODO
-	},
+	// _bringToFront: function (layer) {
+	// 	// TODO
+	// },
 
-	_bringToBack: function (layer) {
-		// TODO
-	},
+	// _bringToBack: function (layer) {
+	// 	// TODO
+	// },
 
-	_initEvents: function (layer) {
-		// TODO
-	}
+	// _initEvents: function (layer) {
+	// 	// TODO
+	// }
 });
 
 L.Browser.canvas = (function () {

src/layer/vector2/Path.js

@@ -7,8 +7,8 @@ L.Path = L.Layer.extend({
 		stroke: true,
 		color: '#0033ff',
 		// dashArray: null,
-		// lineCap: null,
-		// lineJoin: null,
+		lineCap: 'round',
+		lineJoin: 'round',
 		weight: 5,
 		opacity: 0.5,
 

src/layer/vector2/SVG.js

@@ -73,8 +73,8 @@ L.SVG = L.Renderer.extend({
 			path.setAttribute('stroke', options.color);
 			path.setAttribute('stroke-opacity', options.opacity);
 			path.setAttribute('stroke-width', options.weight);
-			path.setAttribute('stroke-linecap', options.lineCap || 'round');
-			path.setAttribute('stroke-linejoin', options.lineJoin || 'round');
+			path.setAttribute('stroke-linecap', options.lineCap);
+			path.setAttribute('stroke-linejoin', options.lineJoin);
 
 			if (options.dashArray) {
 				path.setAttribute('stroke-dasharray', options.dashArray);