“断字：断字”不会反映在html2canvas创建的图像中

Question

我正在使用html2canvas将html视图下载为图像。

但是，如果有长文本且没有空格，则html会使用css（断字：break-word）在下一行正确显示它，但这不会反映在生成的图像中。文本停留在一行并被剪切。

尝试了其他CSS属性，例如：

word-wrap: break-word;
overflow-wrap: break-word;

仍然不起作用

在下面的图片中查看预期结果与实际结果

https://i.stack.imgur.com/QfuVT.png

Answer 1

尝试在html2canvas方法中添加 letterRendering：true 属性。

html2canvas(document.getElementById(divId), {
    onrendered: function (canvas) {
        },
    letterRendering:true
});