无法使用html2canvas 1.0.0-rc3正确呈现svg

时间:2019-07-25 06:15:52

标签: svg html2canvas

我有一个带svg的简单代码段,需要使用html2canvas进行屏幕截图。

<svg class="jss131 jss164" focusable="false" viewBox="0 0 24 24" aria-hidden="true" role="presentation" width="24" height="24">
<circle cx="12" cy="12" r="12"></circle>
<text class="jss165" x="12" y="16" text-anchor="middle">2</text>
</svg>

问题是,如果我不为该svg添加宽度和高度,则h2c将不会呈现任何内容。如果添加宽度和高度,则只有一个黑色圆圈。由于svg是由Meterial-UI生成的,因此我无法对其进行修改,因此实际上它是在没有width和height属性的情况下进行渲染的,因此h2c中不会进行渲染。

这是jsfiddle:https://jsfiddle.net/1abjr86o/1/

0 个答案:

没有答案