Javascript 渲染画布时，单词重叠

我有一个很长的文本要渲染到画布上，而单词在Safari中是重叠和混乱的。但在Chrome中工作得非常完美。我正在使用最新版本的html2canvas库。（v1.0.0-rc.3）

html2canvas（document.querySelector（#capture”）。然后（canvas=>{
var base64image=canvas.toDataURL（“image/png”）；
document.getElementById（'export_img'）。src=base64image；
});
//html代码
Lorem ipsum dolor sit amet，是一位杰出的献身者。莫比大医院
舌苔，舌苔，舌苔。交通工具
切粒机
苏打水和其他水混合在一起。在怀孕期间，枕角是一个巨大的弧度。阿利奎姆维韦拉调味品
酒后驾车，nec eleifend lorem。库拉比图尔·奎斯·库拉比图尔·库拉比图尔·库拉比图尔·奎斯·库拉比图尔·库拉比图尔·库拉比图尔·奎斯·库拉比图尔·奥奇·卢克图斯·蒂尼·。黄蜂
波特托尔。Donec egestas，前rutrum feugiat，justo libero vehicula ligula，欧盟拍卖人lectus nisi ut
洛雷姆。元素的相位为侵权或非侵权。努克乌尔特里斯马蒂斯威纳提斯酒店。纳姆·埃尼姆·厄罗斯
阿利奎特·索达莱斯酒店。我是欧盟效率专家。奥古斯台前庭，
自由的宣言。活体舌苔，大头舌苔，扫描电镜观察，
tincidunt
拍卖人elit。但是，我们将永远坐在这里。梅塞纳斯·埃吉特·阿利奎姆在奥奇·努拉的监狱里被释放。

---

更新：br标签在Safari中生成错误。添加空白：预包装。

如果您的编辑实际上是问题的解决方案，请发布自我回答，而不是问题的编辑。否则，请澄清此编辑的内容。

html2canvas(document.querySelector("#capture")).then(canvas => {

    var base64image = canvas.toDataURL("image/png");
    document.getElementById('export_img').src = base64image;
});



//html code
<div id='capture'>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi magna
            ligula, finibus eget purus quis, vulputate volutpat urna. Etiam vehicula<br> pellentesque justo, eget
            sodales diam ultricies sit amet. Duis pulvinar arcu ut nisl volutpat gravida. Aliquam viverra condimentum
            dui, nec eleifend lorem. Curabitur quis quam ac orci luctus tincidunt. Phasellus <br>ornare ultricies
            porttitor. Donec egestas, ex ut rutrum feugiat, justo libero vehicula ligula, eu auctor lectus nisi ut
            lorem. Phasellus elementum sed tortor non porttitor. Nunc ultricies mattis venenatis. Nam enim eros, rutrum
            aliquet sodales at, interdum eget magna. Sed ac dictum mi, eu efficitur sapien. Vestibulum augue tellus,
            dictum eu imperdiet ac, consectetur vitae libero. Vivamus ligula tellus, dapibus ut sem in, <br>tincidunt
            auctor elit. Ut bibendum augue sit amet tempor consectetur. Maecenas eget aliquam ex. Sed in orci nulla.
</div>