Game Development Reference
In-Depth Information
Running the previous code example produces an output similar to the following
screenshot. Again, remember that the relationship between the path that the text fol-
lows and the shape of the element displayed, where no text is allowed to enter, is
purely coincidental and intentional. If instead of an SVG polygon we had an image
element, the text would still follow that arrow shape, but the rectangular image would
float on top of any text that followed a path intersecting the image's boundaries.
Strictly speaking, exclusions only deal with how text flows within a given block of text.
Whether anything is rendered along the path that the text follows is up to the design-
er, and is a separate issue from exclusions, as shown in the following screenshot:
If the ultimate goal is to simply define a path for text to follow, such as in the previous
example, we don't need to use SVG, or any specific HTML element. Simply having
an element present and assigning basic floating attributes to that element is enough
for exclusions to work with. Remember, the only significant part of exclusions is the
shape attribute.
<style>
.shape {
