Skip to content

Commit 25dc09f

Browse files
committed
add polygon rounding examples
1 parent b53255a commit 25dc09f

File tree

3 files changed

+17
-2
lines changed

3 files changed

+17
-2
lines changed

css-shapes-1/Overview.bs

+17-2
Original file line numberDiff line numberDiff line change
@@ -498,6 +498,15 @@ Supported Shapes</h3>
498498
and that is tangential
499499
to both sides of the vertex.
500500

501+
<div class="example">
502+
<figure>
503+
<img src="images/vertex-rounding.png" alt="rounding concave and convex polygon vertices">
504+
<figcaption>
505+
Rounding polygon vertices that are both convex and concave.
506+
</figcaption>
507+
</figure>
508+
</div>
509+
501510
To avoid rounding more
502511
than half of any line segment,
503512
the rounding of each vertex
@@ -506,8 +515,14 @@ Supported Shapes</h3>
506515
the smaller of <code>tan(angle/2) segment / 2</code>
507516
evaluated against both vertex line segments.
508517

509-
510-
Note: vertex rounding needs examples and tests.
518+
<div class="example">
519+
<figure>
520+
<img src="images/clamp-explanation.png" alt="visualization of clamp formula">
521+
<figcaption>
522+
This diagram shows the intent of the clamping formula.
523+
</figcaption>
524+
</figure>
525+
</div>
511526

512527
* Each <<length-percentage>> pair
513528
specifies a vertex of the polygon,
42.7 KB
Loading
122 KB
Loading

0 commit comments

Comments
 (0)