Question

I am somewhat new to Actionscript 3. I am building a svg export / import in flash and need to make the preview behave the same as svg. In flash, if a path overlaps, it is removed. How do I make it fill the entire area?

The paths are created with this:

object.graphics.moveTo(xpos[i], ypos[i]);
object.graphics.lineTo(px, py);

The result is

Answer 1

This is caused by graphics path winding.

Defining winding rules
flash.diplay.GraphicsPathWinding

In Flash, the default winding rule is even odd.

For graphics produced using drawPath, add GraphicsPathWinding.NON_ZERO winding to your drawPath:

import flash.display.GraphicsPathWinding;

graphics.drawPath(new <int>[], new <Number>[], GraphicsPathWinding.NON_ZERO);

For graphics drawn using convenience methods such as lineTo(), drawCircle(), or drawRect(), you could beginFill() and endFill() per shape drawn, as in:

var g:Graphics = graphics;

g.beginFill(0x123456)
g.drawRect(100, 100, 50, 50);
g.endFill();

g.beginFill(0x123456)
g.drawRect(125, 125, 50, 50);
g.endFill();

Instead of:

var g:Graphics = graphics;

g.beginFill(0x123456)
g.drawRect(100, 100, 50, 50);
g.drawRect(125, 125, 50, 50);
g.endFill();