How to draw the dotted line using SVG

Question

I need to draw the dotted line.

 

var lineItem = ("<svg height=50 display=block width=50 style=\"position: absolute; left:" + left + "px;                            top: " + top + "px; \">

                        <line x1=0 y1=0 x2=50 y2=50 style=\"stroke: #ff0000; stroke - width:2\">

                        </line></svg>"

                        );

 

I have used the above code. here how can i mention the dotted to the line property.