/** * Created by knut on 14-12-20. */ exports.drawRect = function(elem , rectData){ var rectElem = elem.append("rect"); rectElem.attr("x", rectData.x); rectElem.attr("y", rectData.y); rectElem.attr("fill", rectData.fill); rectElem.attr("stroke", rectData.stroke); rectElem.attr("width", rectData.width); rectElem.attr("height", rectData.height); rectElem.attr("rx", rectData.rx); rectElem.attr("ry", rectData.ry); if(typeof rectData.class !== 'undefined'){ rectElem.attr("class", rectData.class); } return rectElem; }; exports.drawText = function(elem , textData){ var textElem = elem.append('text'); textElem.attr('x', textData.x); textElem.attr('y', textData.y); textElem.style('text-anchor', textData.anchor); textElem.attr('fill', textData.fill); textData.text.split(//ig).forEach(function(rowText){ var span = textElem.append('tspan'); span.attr('x', textData.x +textData.textMargin); span.attr('dy', textData.dy); span.text(rowText); }); if(typeof textData.class !== 'undefined'){ textElem.attr("class", textData.class); } return textElem; }; exports.drawLabel = function(elem , txtObject){ var rectData = exports.getNoteRect(); rectData.x = txtObject.x; rectData.y = txtObject.y; rectData.width = 50; rectData.height = 20; rectData.fill = '#526e52'; rectData.stroke = 'none'; rectData.class = 'labelBox'; //rectData.color = 'white'; var label = exports.drawRect(elem, rectData); txtObject.y = txtObject.y + txtObject.labelMargin; txtObject.x = txtObject.x + 0.5*txtObject.labelMargin; txtObject.fill = 'white'; exports.drawText(elem, txtObject); //return textElem; }; exports.getTextObj = function(){ var txt = { x: 0, y: 0, 'fill':'black', 'text-anchor': 'start', style: '#666', width: 100, height: 100, textMargin:0, rx: 0, ry: 0 }; return txt; }; exports.getNoteRect = function(){ var rect = { x: 0, y: 0, fill: '#EDF2AE', stroke: '#666', width: 100, anchor:'start', height: 100, rx: 0, ry: 0 }; return rect; };