Я хочу использовать html2canvas, создать изображение. но у меня есть проблема. исходный код
<!doctype html>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title></title>
<style>
* {
padding: 0;
margin: 0;
}
</style>
</head>
<body style="display: flex;">
<div id="canvas" style="margin-right: 10px; ">
<div style="height: 400px;width: 400px;background: red;color: #fff;font-size: 108px;font-family: Serif;line-height: 1;">
<span>996</span>
</div>
</div>
<script src="http://html2canvas.hertzen.com/dist/html2canvas.js"></script>
<script>
html2canvas(document.querySelector("#canvas")).then(canvas => {
document.body.appendChild(canvas)
});
</script>
</body>
</html>
отображает результат в Chrome (версия 78.0.3904.70) в MacOS:
, но это правильноСафари. Почему?