Javascript Can'；t在本地画布上绘制远程文件的图像

我一直在阅读如何在服务器上设置CORS和一个crossdomain.xml，以使.drawImage（）方法工作。我一直在努力实现这一切，我认为我做得很好

下面是我试图绘制的图像附带的HTTP头：

Access-Control-Allow-Origin: *

下面是crossdomain.xml：

其中一张图片位于此处：

对我来说，一切似乎都是正确的，但当我试图在画布上画这幅画时，它就是不起作用：

var canvas=document.getElementById（'canvas1'）；
var ctx=canvas.getContext（'2d'）；
var img=新图像（）；
img.onload=函数（）{
ctx.drawImage（img，0,0）；
}
img.src=”http://bew.ink/public/images/costum/non_printable_background.png";

---

好吧，这真是个愚蠢的问题，多亏@Kalido给出了解决方案

---

我试图绘制的图像有一个宽的透明表面，并且比我的画布大，所以所绘制的只是透明表面。这就是为什么我没有看到任何东西被画出来。

我在手机上很难清晰地分析你的图像，但是从你正在画的300*150像素的图像来看，它们看起来都是透明的。此图像中唯一的不透明像素位于左上角之外。也许你想全部画出来？在本例中，添加

canvas.width=this.width；canvas.height=thos.height在绘制图像之前。我觉得自己很愚蠢：D