 <p>To draw multi line text with Snap.svg is a bit bother.<br> When you call Paper.text method with string array, Snap.svg creates tspan elements under the text element.<br> If you want to display the text element as multi line, you should set position to each tspan element manually.<br></p> <pre><code>var paper = Snap(200,200); paper.text({text:["Line1", "Line2", "Line3"]}) .attr({fill:"black", fontSize:"18px"}) .selectAll("tspan").forEach(function(tspan, i){ tspan.attr({x:0, y:25*(i+1)}); }); </code></pre>