html2canvas将所有元素保存在Chrome中，但不保存在safari 14中

我有一些代码，它使用html2canvas将页面元素保存到一个文件中——带有背景图像

在Chrome中运行时，它可以完美地工作，但在Safari 14中运行时则无法工作

有人知道为什么吗

CSS：

#graphic {
width:600px;
max-width:600px;
height:auto;
box-sizing:border-box;
padding:20px 10px 10px 10px;
margin:0px 0px 0px 0px;
background-color:#fbe66f;
border-radius:10px;
box-shadow:none;
-webkit-box-shadow:none;
-moz-box-shadow:none;
word-wrap:break-all;
font-family:"Helvetica";
z-index:1;
}

#graphic::after {
content:"";
width:600px;
max-width:600px;
height:100%;
max-height:100%;
position:absolute;
top:0;
left:0;
z-index:2;
border-radius:10px;
background-image: url('images/MyBackgroundImage.png');
background-repeat: repeat-y;
background-position: center center;
background-size: contain;
-ms-background-size: contain;
-o-background-size: contain;
-moz-background-size: contain;
-webkit-background-size: contain;
display:block;
opacity: 0.07;
}

HTML：

<script src="html2canvas.min.js"></script>

<!-- snip -->

<div id="graphic">
<p>1 - The quick brown fox jumps over the lazy dog.</p>
<p>2 - The quick brown fox jumps over the lazy dog.</p>
<p>3 - The quick brown fox jumps over the lazy dog.</p>
<p>4 - The quick brown fox jumps over the lazy dog.</p>
<p>5 - The quick brown fox jumps over the lazy dog.</p>
<p>6 - The quick brown fox jumps over the lazy dog.</p>
<p>7 - The quick brown fox jumps over the lazy dog.</p>
</div>

敏捷的棕色狐狸跳过了懒狗

敏捷的棕色狐狸跳过懒惰的狗

敏捷的棕色狐狸跳过懒惰的狗

敏捷的棕色狐狸跳过懒惰的狗

敏捷的棕色狐狸跳过懒惰的狗

6-敏捷的棕色狐狸跳过懒惰的狗

敏捷的棕色狐狸跳过懒惰的狗

JS：

<script>

html2canvas(document.querySelector("#graphic"),{backgroundColor:null}).then(canvas => {
document.body.appendChild(canvas);
var dataURL = canvas.toDataURL('image/png');
save_img(dataURL);
});

function save_img(data){
jQuery.post('save.php', {data: data}, function(res) {

window.location='confirm.php';

});
}

</script>

html2canvas（document.querySelector（“#graphic”），{backgroundColor:null}）。然后（canvas=>{
document.body.appendChild（画布）；
var dataURL=canvas.toDataURL（'image/png'）；
保存img（dataURL）；
});
功能保存（数据）{
post（'save.php'，{data:data}，函数（res）{
window.location='confirm.php'；
});
}

“save.php”文件：

“confirm.php”只向我显示结果保存的图像，对其进行渲染，以便我检查它是否有背景图像-它在Chrome中有，但在Safari 14中没有

<?php

$savefile = file_put_contents("images/MyImage.png", base64_decode(explode(",", $_POST['data'])[1]));


?>