html2canvas和内联SVG

Question

我试图使用html2canvas从div中显示的whats创建PNG图像。 div包含：

• 一些带文本内容的div（html2canvas可以捕获）
• 这样的内联SVG元素： <svg version="1.1" id="img-15" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 645 585" style="enable-background:new 0 0 512.001 512.001;" xml:space="preserve" class="svg replaced-svg"><path [...]/></svg>

在使用html2canvas之前，这可能看起来像这样：

然后我使用以下代码生成PNG图像： html2canvas(document.querySelector("#monogram-zone"),{width:pWidth,height:pHeight,x:pLeft,y:pTop,backgroundColor:null}).then(canvas => { document.getElementById("monogram").appendChild(canvas); });

......结果如下：

问题：我的SVG去了哪里，如何让html2canvas与文本div一起捕获？