startPath(id, percentageX, percentageY) {
		// Capture path attributes from element attributes
		let pathAttributes = {};
		let pathAttributeKeyPrefix = 'path-'; // capture all attributes that start with path-
		let attributes = this.getAttributes();
		for(let attributeKey in attributes) {
			if(attributes.hasOwnProperty(attributeKey) && attributeKey.indexOf(pathAttributeKeyPrefix) === 0)
				pathAttributes[attributeKey.slice(pathAttributeKeyPrefix.length)] = attributes[attributeKey];
		}

		let pathAttributesDefault = {
			'fill': 'transparent',
			'stroke': 'red',
			'stroke-width': '10',
			'stroke-linecap': 'round',
			'filter': 'url(#drop-shadow)'
		};

		pathAttributes = Object.assign({}, pathAttributesDefault, pathAttributes); // Merge defaults with passed params

		this.startPathStyle(id, pathAttributes, percentageX, percentageY);
	}
// Gather path attributes and pass to drawing function
Gather path attributes and pass to drawing function
Gather path attributes and pass to drawing function
startPath(id, percentageX, percentageY) {
		let pathAttributes = {};
		let pathAttributeKeyPrefix = 'path-'; 
		let attributes = this.getAttributes();
		for(let attributeKey in attributes) {
			if(attributes.hasOwnProperty(attributeKey) && attributeKey.indexOf(pathAttributeKeyPrefix) === 0)
				pathAttributes[attributeKey.slice(pathAttributeKeyPrefix.length)] = attributes[attributeKey];
		}
		let pathAttributesDefault = {
			'fill': 'transparent',
			'stroke': 'red',
			'stroke-width': '10',
			'stroke-linecap': 'round',
			'filter': 'url(#drop-shadow)'
		};
		pathAttributes = Object.assign({}, pathAttributesDefault, pathAttributes); 
		this.startPathStyle(id, pathAttributes, percentageX, percentageY);
	}
startPath ( id , percentageX , percentageY ) { let pathAttributes = { } ; let pathAttributeKeyPrefix = 'path-' ; let attributes = this . getAttributes ( ) ; for ( let attributeKey in attributes ) { if ( attributes . hasOwnProperty ( attributeKey ) && attributeKey . indexOf ( pathAttributeKeyPrefix ) === 0 ) pathAttributes [ attributeKey . slice ( pathAttributeKeyPrefix . length ) ] = attributes [ attributeKey ] ; } let pathAttributesDefault = { 'fill' : 'transparent' , 'stroke' : 'red' , 'stroke-width' : '10' , 'stroke-linecap' : 'round' , 'filter' : 'url(#drop-shadow)' } ; pathAttributes = Object . assign ( { } , pathAttributesDefault , pathAttributes ) ; this . startPathStyle ( id , pathAttributes , percentageX , percentageY ) ; }
Gather path attributes and pass to drawing function
Gather path attributes and pass to drawing function
// Capture path attributes from element attributes // capture all attributes that start with path- // Merge defaults with passed params