小编Ber*_*nes的帖子

\n

未捕获的类型错误：无法在“CanvasRenderingContext2D”上执行“drawImage”：在drawCanvas（用户脚本）处提供的值不是类型“（CSSImageValue或HTMLImageElement或SVGImageElement或HTMLVideoElement或HTMLCanvasElement或ImageBitmap或OffscreenCanvas）” .html?id=0e769594-f15d-490f-a75c-bac819525aab:56)\n 在 setTimeout (userscript.html?id=0e769594-f15d-490f-a75c-bac819525aab:59)

\n

我正在尝试根据 url 输入将图像加载到画布，我尝试添加事件侦听器和记录器，但似乎都不起作用。

setTimeout(() => {\n\n    let startpanel = document.getElementById(\'startpanel\')\n\n    // image for skin\n    var img = document.createElement("img");\n    img.style.width = "220px";\n    img.style.height = "177px";\n\n    // input custom skin\n    var skinInput = document.createElement("input");\n    skinInput.placeholder = "skin url";\n    skinInput.style.width = "150px";\n    skinInput.style.height = "35px";\n\n    skinInput.onblur = function() {\n        const newImage = new Image();\n        newImage.src = skinInput.value;\n        img.src = skinInput.value;\n        drawCanvas(newImage);\n      };\n\n    startpanel.appendChild(skinInput)\n\n    // draw skin\n    var appearance = document.createElement("canvas");\n    appearance.id = "appearance";\n    // …