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