Jump to content
You must now use your email address to sign in [click for more info] ×

Alternate And Winding Fill Modes – Explanation Not Clear


Recommended Posts

  1. Exactly, what area does "the fill region" in these two examples pinpoint?
  2.  Where's the "inside" and "outside" the fill region in the 2 shapes?
  3.  Where's the "segments within the given shape"?
  4. Are " the segments of the shape ...the ray crosses through" intersection points?outside-inside.png.7fdffd25cf8ce0313e6b7ffcdb338136.png

MacBook-Pro mid-2012 15.4" 1440 x 900 Core i7 2.3 GHz DDR3 1600 MHz 16GB NVIDIA GeForce GT 650M 512 MB + Intel HD Graphics 4000 1024 MB CT1000MX500SSD1 1TB + CT500MX500SSD1 500 GB Crucial

AFFINITY DESIGNER 1.9+

mav-mo.png.20c400d1ec6e0c9b65f5a06740ce8016.png

 

Link to comment
Share on other sites

The idea can be better understood by using these kinds of shapes and exposing the curve directions:

a) Winding mode (bottom left shape, the inner non-filled area counts as zero, every other region as non-zero (I'd count the directions as seeing them clock and counterclockwise, rather than in terms of left and right):

fillmode_winding_01.jpg.525708d3113357ff8397e31b422e9685.jpg

b) Winding mode (bottom right shape has the curve direction reversed in the other segment, the inner region counting as zero):

fillmode_winding_02.jpg.1525f93721367645db2ffdfa3d3606f5.jpg

c) Alternate fill mode: curve directions are irrelevant, fill-non-fill state determined by odd-even rule:

fillmode_alternate.jpg.9e44a977fd37b08bce52d506c7126551.jpg

Link to comment
Share on other sites

Thanks but I still don't get the mechanics, all I see is the illustrations of the fact that has already happened and for this reason it didn't give better understanding. To understand what is what in that explanation I'd like to get the answers to my questions exactly as I laid them down, responding to every bullet point question.

MacBook-Pro mid-2012 15.4" 1440 x 900 Core i7 2.3 GHz DDR3 1600 MHz 16GB NVIDIA GeForce GT 650M 512 MB + Intel HD Graphics 4000 1024 MB CT1000MX500SSD1 1TB + CT500MX500SSD1 500 GB Crucial

AFFINITY DESIGNER 1.9+

mav-mo.png.20c400d1ec6e0c9b65f5a06740ce8016.png

 

Link to comment
Share on other sites

There are plenty of examples on the Internet of vector graphics fill rule, so I suggest you search for topics that demonstrate it. E.g. https://en.wikipedia.org/wiki/Nonzero-rule.

The following shows the counting principle of the winding rule. The red figures (numbers) show the sum of "winding" for each fillable (enclosed) region in the image. Only regions that have zero as the sum will be left unfilled (they are "outside", "empty"). The red vector starting from the square red node indicating the first node shows the direction of the curve, and I have added arrows and cycles that show direction and "winding" (clockwise or counterclockwise; or left or right in relation to the ray end pointing to infinity) at the point the "rays" (drawn with curves having a circle at the staring point within a region, and an arrow point to infinity) cross the segments:

 

winding_rule.jpg.6d4969adbd67bebcdd81f97816c483f3.jpg

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
×
×
  • Create New...

Important Information

Terms of Use | Privacy Policy | Guidelines | We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.