Javascript 将SVG组转换为多个“；“个人”；PNG文件

我有一个包含多个标记的SVG文件。将文件加载到HTML画布时，组被识别为单独的对象。但是，我想使用javascript/Node将这些单独的对象转换为各自的图像PNG URI字符串

例如，输入一个包含3个对象的SVG文件应该返回一个列表，其中每个对象都有3个PNG URI字符串。我一直在思考这个问题，在网上搜索类似的问题，却没有找到任何有用的东西

---

目前我的主要想法是使用

canvas.toDataURL（）

，但是这会转换整个画布，而不是单个对象。使用类似于

object.toDataURL（）

的函数会很好，但它似乎不存在。

您可以使用

getBBox（）

或

getBoundingClientRect（）

获取SVG元素的边界。您可以使用这些信息来确定元素在画布上的位置。然后是合适的尺寸。然后用新的画布图像做任何你喜欢的事情