Skip to content

Commit

Permalink
Fix typo
Browse files Browse the repository at this point in the history
  • Loading branch information
rben01 committed Nov 13, 2024
1 parent 30178bb commit c5d1536
Showing 1 changed file with 1 addition and 1 deletion.
2 changes: 1 addition & 1 deletion content/articles/modules/ROOT/pages/svg-css-clippaths.adoc
Original file line number Diff line number Diff line change
Expand Up @@ -387,7 +387,7 @@ Here is an up-arrow icon that which is taller (16) than it is wide (10):
----

Now is a good time to talk about the SVG's `viewBox` attribute.
If you imagine the SVG's contents lying in the infinite Cartesian plane, the `vieBox` tells us what rectangle in the plane to restrict our attention to; nothing outside this rectangle is drawn.
If you imagine the SVG's contents lying in the infinite Cartesian plane, the `viewBox` tells us what rectangle in the plane to restrict our attention to; nothing outside this rectangle is drawn.
(In a sense, the `viewBox` is like a rectangular `clip-path` of the whole SVG, which would otherwise be infinitely large and almost entirely empty.)
``viewBox``es take the form of `"x y w h"`, where `x` is the x-position of the rectangle's upper left corner, `y` is that corner's y-position, and `w` and `h` are the rectangle's width and height, respectively.
The up-arrow SVG has its origin at `(x, y) = (0, 0)` and has a width of 10 and a height of 16.
Expand Down

0 comments on commit c5d1536

Please sign in to comment.