W3C home > Mailing lists > Public > www-svg@w3.org > December 2012

Draw polygonal line with a looping

From: (wrong string) 黃俊毓 <yillkid@gmail.com>
Date: Sat, 22 Dec 2012 15:56:50 +0800
Message-ID: <CAEgOEMsb7c9TBT2vp+2P6xGBF4H9h7xvja_ges41ztNNaFB_YQ@mail.gmail.com>
To: www-svg <www-svg@w3.org>
Hi all

I drew polygon line with canvas before, code example as below:

------------------------------------------------
var ctx = canvas.getContext("2d");
ctx.beginPath();

ctx.moveTo(0,126);

{ data in loop }
    ctx.lineTo(x , {{data}});
{ endfor }

ctx.stroke();
ctx.closePath();
------------------------------------------------

Set "moveto" one time and using "lineto" with a looping.

Now I change to the SVG, and want to do that again.

But after reading document it seems can not.

For example:

if I use "path" : <path d="M150 0 L75 200 L225 200 Z" />
I need decide "moveto" and "lineto" point at the same time.

if I use "line":
<line x1="0" y1="0" x2="300" y2="300"
style="stroke:rgb(99,99,99);stroke-width:2"/>

same does "line".

So how should I can draw  a polygonal line with a looping ?
Received on Saturday, 22 December 2012 22:44:27 GMT

This archive was generated by hypermail 2.3.1 : Friday, 8 March 2013 15:54:53 GMT