Javascript CanvasRenderingContext2D无法附加到文档(w/appendChild())
我正在制作一个Ionic4应用程序,它允许使用画布元素进行基本的图像处理。我在显示画布元素时遇到问题。我在循环中这样做,并动态生成画布元素,以便页面上可以有任意数量的图像 我只在爱奥尼亚服务器上运行过这个应用程序,它似乎在所有常见的浏览器上都出现了相同的错误Javascript CanvasRenderingContext2D无法附加到文档(w/appendChild()),javascript,html,typescript,ionic-framework,ionic4,Javascript,Html,Typescript,Ionic Framework,Ionic4,我正在制作一个Ionic4应用程序,它允许使用画布元素进行基本的图像处理。我在显示画布元素时遇到问题。我在循环中这样做,并动态生成画布元素,以便页面上可以有任意数量的图像 我只在爱奥尼亚服务器上运行过这个应用程序,它似乎在所有常见的浏览器上都出现了相同的错误 ionViewWillEnter(){ let numbImages = this.sourceArray.length; for(let i = 0; i < numbImages; i++){ t
ionViewWillEnter(){
let numbImages = this.sourceArray.length;
for(let i = 0; i < numbImages; i++){
this.imageArray[i] = new Image();
this.imageArray[i].src = this.sourceArray[i];
this.canvasArray[i] = document.createElement("canvas");
this.canvasArray[i] = this.canvasArray[i].getContext("2d");
this.canvasArray[i].drawImage(this.imageArray[i],0,0);
document.getElementById("canvasContainer").appendChild(this.canvasArray[i]);
}
}
ERROR TypeError: "Argument 1 of Node.appendChild does not implement interface Node."