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

Question

我正在使用 html2canvas 将 html 视图下载为图像。但是，如果有一个没有空格的长文本，html 会使用 css (word-break: 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

});