我处于需要用不同的矩形填充 Svg 路径的情况。这里'不同'意味着每个矩形将是一个单独的 svg 元素，我可以使用 id 访问它，即 document.getElementById('rect_');
我不能使用“模式”，因为它们填充了路径，但我不能单独访问每个元素。
假设我有路径：-
<path d="M 10 10 L 50 10 80 125Z" stroke="red" fill='none' />
现在我需要用矩形填充这条路径。矩形规格是：-
<rect x=0 y=0 width=5 height= 5 stroke="red" />
*我可以将路径转换为点（xy 坐标），但无法创建逻辑以在该路径内创建矩形。
解释：-
让我解释一下整个 senerio，我正在 svg 中开发一个应用程序，用户可以在其中绘制他的自定义路径（就像绘画一样），一旦他完成了他的绘画，路径将被关闭，然后我需要用“n”填充该路径'rects' 的数量。现在我需要确定将绘制多少个矩形以及在什么位置。矩形必须在该路径区域内。
我需要这方面的帮助，
谢谢。