Skip to content

Commit 3d6ab8a

Browse files
committed
[css-shapes-2] add path() to diffed section
1 parent 23d2379 commit 3d6ab8a

File tree

1 file changed

+57
-12
lines changed

1 file changed

+57
-12
lines changed

css-shapes-2/Overview.bs

Lines changed: 57 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -106,12 +106,49 @@ Shapes</h2>
106106
and the exclusion area for an exclusion.
107107

108108

109-
<h3 id="basic-shapes-from-svg-syntax">
109+
<h2 id="basic-shape-functions">
110110
Basic Shapes</h3>
111111

112112
Add the final
113-
<a href="http://www.w3.org/TR/css-shapes/#basic-shapes-from-svg-syntax">level 1</a>
114-
section with a possible addition of path() and a rejiggered rectangle().
113+
<a href="http://www.w3.org/TR/css-shapes/#basic-shape-functions">level 1</a>
114+
section.
115+
116+
<h3 id="supported-basic-shapes">
117+
Supported Shapes</h3>
118+
119+
Add the final
120+
<a href="http://www.w3.org/TR/css-shapes/#basic-shape-functions">level 1</a>
121+
section, with the following integrated.
122+
123+
<dl>
124+
<dt><dfn>path()</dfn> =
125+
path( [<<fill-rule>>,]? <<string>> )
126+
</dt>
127+
<dd>
128+
<ul>
129+
<li>
130+
<dfn><<fill-rule>></dfn> -
131+
The filling rule used
132+
to determine the interior
133+
of the path.
134+
See <a href="http://www.w3.org/TR/SVG/painting.html#FillRuleProperty">fill-rule</a> property
135+
in SVG for details.
136+
Possible values are ''nonzero''
137+
or ''evenodd''.
138+
Default value when omitted is ''nonzero''.</li>
139+
<li>
140+
The <string> represents an
141+
<a href="http://www.w3.org/TR/SVG11/paths.html#PathData">SVG Path data string</a>.
142+
The path data string must be conform
143+
to the grammar and parsing rules of SVG 1.1.
144+
The initial position is defined
145+
by the first “move to” argument
146+
in the path string.
147+
For the initial direction follow SVG 1.1.
148+
</li>
149+
</ul>
150+
</dd>
151+
</dl>
115152

116153
<div class="issue-marker wrapper">
117154
<div class="issue-marker" data-bug_id="16448" data-bug_status="ASSIGNED">
@@ -122,7 +159,7 @@ Basic Shapes</h3>
122159
</div>
123160
</div>
124161

125-
<h3 id='referencing-svg-shapes'>
162+
<h2 id='referencing-svg-shapes'>
126163
Referencing SVG shapes</h4>
127164

128165
An SVG shape can be referenced using the <code>url()</code> syntax.
@@ -161,7 +198,7 @@ div {
161198
</pre></code>
162199
</div>
163200

164-
<h3 id="shapes-from-image">
201+
<h2 id="shapes-from-image">
165202
Shapes from Image</h3>
166203

167204
Add the final
@@ -177,7 +214,15 @@ Shapes from Image</h3>
177214
that determines the relevant pixels to use
178215
(both for defining a shape and for display).
179216

180-
<h3 id="declaring-shapes">
217+
218+
<h2 id="shapes-from-box-values">
219+
Shapes from Box Values</h2>
220+
221+
Add the final
222+
<a href="http://www.w3.org/TR/css-shapes/#shapes-from-box-values">level 1</a>
223+
section.
224+
225+
<h2 id="declaring-shapes">
181226
Declaring Shapes</h3>
182227

183228
A shape can be declared with
@@ -239,7 +284,7 @@ Declaring Shapes</h3>
239284
style="max-width:40%"/>
240285
</div>
241286

242-
<h4 id="shape-outside-property">
287+
<h3 id="shape-outside-property">
243288
The 'shape-outside' Property</h4>
244289

245290
Add the final
@@ -251,7 +296,7 @@ The 'shape-outside' Property</h4>
251296
if the element
252297
is an exclusion.
253298

254-
<h4 id="shape-inside-property">
299+
<h3 id="shape-inside-property">
255300
The 'shape-inside' Property</h4>
256301

257302
The 'shape-inside' property adds
@@ -360,7 +405,7 @@ The 'shape-inside' Property</h4>
360405
as a constraint in determining its maximum size.
361406

362407

363-
<h4 id="shape-image-threshold-property">
408+
<h3 id="shape-image-threshold-property">
364409
The shape-image-threshold Property</h4>
365410

366411
Add the final
@@ -369,7 +414,7 @@ The shape-image-threshold Property</h4>
369414
it applies to both <span>shape-inside</span>
370415
and <span>shape-outside</span>.
371416

372-
<h4 id="shape-image-source-type-property">
417+
<h3 id="shape-image-source-type-property">
373418
The shape-image-source-type Property</h4>
374419

375420
Should we add an alpha/luminance switch
@@ -380,14 +425,14 @@ The shape-image-source-type Property</h4>
380425
Whatever we go with should be compatible
381426
with the alpha/luminance switch from mask sources.
382427

383-
<h4 id="shape-margin-property">
428+
<h3 id="shape-margin-property">
384429
The 'shape-margin' property</h4>
385430

386431
Add the final
387432
<a href="http://www.w3.org/TR/css-shapes/#shape-margin-property">level 1</a>
388433
section with the change that it applies to exclusions.
389434

390-
<h4 id="shape-padding-property">
435+
<h3 id="shape-padding-property">
391436
The 'shape-padding' Property</h4>
392437

393438
The 'shape-padding' property adds padding to a shape-inside.

0 commit comments

Comments
 (0)