Html 将舞台另存为图像，包括背景图像

我正在开发一个拖放应用程序，用户必须能够在树上拖动苹果，并将此合成保存为图像。如果我只放了可拖动的苹果的代码，一切正常，但是当我添加包含背景图像的图层时，“另存为图像”按钮不会打开包含图像的新选项卡。有人能帮我吗？代码如下：

var阶段=新的动力学阶段({
容器：'容器'，
宽度：400，
身高：475
});
var layer=新的动能层（）；
阶段。添加（层）；
//启动背景树
var background=新的动能层（）；
var imageObj=新图像（）；
imageObj.onload=函数（）{
var bgImage=新的动能.Image({
x:0,，
y:0，
图片：imageObj，
宽度：400，
身高：475
});
//将形状添加到层中
背景。添加（bgImage）；
//将层添加到舞台
阶段。添加（背景）；
layer.moveToBottom（）；
第1层：setZIndex（1）；
};
imageObj.src=https://dl.dropboxusercontent.com/s/4nfgxyhzelubl1z/tree.jpg';
//结束背景树
//将图像的路径放在ImageURL中
var-imageurl=[]；
imageURLs.push（“https://dl.dropboxusercontent.com/s/9bgkgx41qkel8oo/apple.png");
imageURLs.push（“https://dl.dropboxusercontent.com/s/9bgkgx41qkel8oo/apple.png");
imageURLs.push（“https://dl.dropboxusercontent.com/s/9bgkgx41qkel8oo/apple.png");
var-imagesOK=0；
var-imgs=[]；
//完全加载每个图像，然后调用start函数
加载图像（开始）；
函数LoadAllImage（回调）{
对于（var i=0；i=imageURLs.length）{
回调（）；
}
};
img.onerror=函数（）{
警报（“图像加载失败”）；
}
img.crossOrigin=“匿名”；
img.src=imageURL[i]；
}
}
函数start（）{
//imgs[]数组保存完全加载的图像
//imgs[]与ImageURL[]的顺序相同
//将每个图像制作成可拖动的动态图像
对于（变量i=0；i

#按钮{
左：10px；
顶部：0px；
浮动：左；
明确：两者皆有；
}
钮扣{
边缘顶部：10px；
显示：块；
}

另存为图像

Kineticjs抛出了一个错误，您可以在控制台中看到：“Kinetic警告：无法获取数据URL。操作不安全”。我认为这是因为你使用的图像来自另一个域/网站。尝试使用托管在域中的图像。