SVG：多边形内的路径

在SVG中，可以使用多边形元素（<polygon>）来定义一个闭合的多边形区域。但是，如果想在这个区域内显示更复杂的图形，就需要使用路径元素（<path>）。那么如何在多边形内部显示路径呢？

我们可以使用SVG的clip-path属性将路径限制在多边形内部。具体的步骤如下：

1. 首先，在SVG中定义多边形元素和路径元素：

<polygon id="myPolygon" points="100,10 40,198 190,78 10,78 160,198"></polygon>

<path id="myPath" d="M50 50 L100 150 L150 50" fill="none" stroke="black"></path>

2. 然后，在多边形元素上添加clip-path属性，其值为一个剪裁区域的URL，可以是SVG文档中定义的元素ID或SVG元素的路径。在这里，我们使用ID来指定剪裁区域：

<polygon id="myPolygon" points="100,10 40,198 190,78 10,78 160,198" clip-path="url(#myClip)"></polygon>

3. 接下来，我们需要定义剪裁区域的SVG元素。在这个例子中，我们使用<clipPath>元素来定义剪裁区域，其ID与clip-path属性值相同。在剪裁区域中，我们可以使用<use>元素将多边形元素引用进来，表示这个区域的形状就是多边形。然后，我们在这个形状内部创建一个<rect>元素，其大小与路径元素相同，表示这个路径就是我们需要剪裁在多边形内部的图形。

<defs>
    <clipPath id="my