画布无法在服务器上绘制图像，但可以在本地工作

Question

我正在本地主机上创建一个非常基本的画布图像，并且该画布在本地上正常工作。

但是相同的代码似乎在服务器上不起作用，它在根目录上有效，但在内部php文件中无效。它显示的是img src，而不显示canvas。代码是简单的html。

<p>Image to use:</p>
<img id="scream" width="220" height="277" src="img_the_scream.jpg" alt="The Scream">

<p>Canvas:</p>
<canvas id="myCanvas" width="240" height="297" style="border:1px solid #d3d3d3;">
Your browser does not support the HTML5 canvas tag.
</canvas>

<script>
window.onload = function() {
    var c = document.getElementById("myCanvas");
    var ctx = c.getContext("2d");
    var img = document.getElementById("scream");
    ctx.drawImage(img, 10, 10);
}
</script>

注意-我的服务器具有CDN