Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/elixir/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript CanvasRenderingContext2D无法附加到文档(w/appendChild())_Javascript_Html_Typescript_Ionic Framework_Ionic4 - Fatal编程技术网

Javascript CanvasRenderingContext2D无法附加到文档(w/appendChild())

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

我正在制作一个Ionic4应用程序,它允许使用画布元素进行基本的图像处理。我在显示画布元素时遇到问题。我在循环中这样做,并动态生成画布元素,以便页面上可以有任意数量的图像

我只在爱奥尼亚服务器上运行过这个应用程序,它似乎在所有常见的浏览器上都出现了相同的错误


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."