From 218934fa2ed1c702a6d3923d2aa2cc6b43c48684 Mon Sep 17 00:00:00 2001
From: Peter Bengtsson <mail@peterbe.com>
Date: Tue, 8 Dec 2020 14:43:23 -0500
Subject: initial commit

---
 files/zh-tw/web/svg/attribute/fill-rule/index.html | 46 ++++++++++++++++++++++
 1 file changed, 46 insertions(+)
 create mode 100644 files/zh-tw/web/svg/attribute/fill-rule/index.html

(limited to 'files/zh-tw/web/svg/attribute/fill-rule')

diff --git a/files/zh-tw/web/svg/attribute/fill-rule/index.html b/files/zh-tw/web/svg/attribute/fill-rule/index.html
new file mode 100644
index 0000000000..56fafea9e2
--- /dev/null
+++ b/files/zh-tw/web/svg/attribute/fill-rule/index.html
@@ -0,0 +1,46 @@
+---
+title: fill-rule
+slug: Web/SVG/Attribute/fill-rule
+translation_of: Web/SVG/Attribute/fill-rule
+---
+<p>« <a href="/en/SVG/Attribute" title="en/SVG/Attribute">SVG Attribute reference home</a></p>
+<p>The <code>fill-rule</code> attribute indicates the algorithm which is to be used to determine what side of a path is inside the shape. For a simple, non-intersecting path, it is intuitively clear what region lies "inside"; however, for a more complex path, such as a path that intersects itself or where one subpath encloses another, the interpretation of "inside" is not so obvious.</p>
+<h2 id="Usage_context">Usage context</h2>
+<table class="standard-table">
+  <tbody>
+    <tr>
+      <th scope="row">Categories</th>
+      <td>Presentation attribute</td>
+    </tr>
+    <tr>
+      <th scope="row">Value</th>
+      <td><strong>nonzero</strong> | evenodd | inherit</td>
+    </tr>
+    <tr>
+      <th scope="row">Animatable</th>
+      <td>Yes</td>
+    </tr>
+    <tr>
+      <th scope="row">Normative document</th>
+      <td><a class="external" href="http://www.w3.org/TR/SVG/painting.html#FillRuleProperty" title="http://www.w3.org/TR/SVG/painting.html#FillRuleProperty">SVG 1.1 (2nd Edition)</a></td>
+    </tr>
+  </tbody>
+</table>
+<p>The <code>fill-rule</code> property provides two options for how the inside of a shape is determined:</p>
+<dl>
+  <dt>
+    nonzero</dt>
+  <dd>
+    This value determines the "insideness" of a point in the shape by drawing a ray from that point to infinity in any direction and then examining the places where a segment of the shape crosses the ray. Starting with a count of zero, add one each time a path segment crosses the ray from left to right and subtract one each time a path segment crosses the ray from right to left. After counting the crossings, if the result is zero then the point is outside the path. Otherwise, it is inside.</dd>
+  <dt>
+    evenodd</dt>
+  <dd>
+    This value determines the "insideness" of a point in the shape by drawing a ray from that point to infinity in any direction and counting the number of path segments from the given shape that the ray crosses. If this number is odd, the point is inside; if even, the point is outside.</dd>
+</dl>
+<h2 id="Examples">Examples</h2>
+<h2 id="Elements">Elements</h2>
+<p>The following elements can use the <code>fill-rule</code> attribute</p>
+<ul>
+  <li><a href="/en/SVG/Element#Shape" title="en/SVG/Element#Shape">Shape elements</a> »</li>
+  <li><a href="/en/SVG/Element#TextContent" title="en/SVG/Element#TexteContent">Text content elements</a> »</li>
+</ul>
-- 
cgit v1.2.3-54-g00ecf