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

Re: Draw polygonal line with a looping

From: Rik Cabanier <cabanier@gmail.com>
Date: Sun, 23 Dec 2012 12:58:12 -0800
Message-ID: <CAGN7qDAb3iQv6KVfx_PyL5nntqbGvsq4j2TrZhzjL3dsYazRnA@mail.gmail.com>
To: 黃俊毓 <yillkid@gmail.com>
Cc: www-svg <www-svg@w3.org>
The path syntax should work.
Maybe there is a step that I'm not seeing.

Is your issue that you want to draw something different for every frame?

On Fri, Dec 21, 2012 at 11:59 PM, 黃俊毓 <yillkid@gmail.com> wrote:

> 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 Sunday, 23 December 2012 20:58:40 GMT

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