渲染画布时单词重叠

时间:2019-06-14 06:22:09

标签: javascript safari html2canvas

我有一个长长的文本要渲染到画布上,单词在Safari中是重叠且混乱的。但在Chrome浏览器中完美运行。我正在使用html2canvas库的最新版本。 (v1.0.0-rc.3)

This is the output in 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>

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

0 个答案:

没有答案