Javascript JS:；未捕获类型错误：类型错误“；尝试使用putImageData时_Javascript

Javascript JS:；未捕获类型错误：类型错误“；尝试使用putImageData时

javascript

Javascript JS:；未捕获类型错误：类型错误“；尝试使用putImageData时,javascript,Javascript,我正在尝试编写一个非常简单的图像操纵器。我的第一个功能是对图像进行灰度缩放 HTML： <body onload="loadImage()"> <div id="canvascontainer"> <h1>WTSP - Way Too Simple Photoshop</h1> <canvas id="wtspcanvas"> Sorry, selbst für das zu simple Pho

我正在尝试编写一个非常简单的图像操纵器。我的第一个功能是对图像进行灰度缩放

HTML：

<body onload="loadImage()">
<div id="canvascontainer">
      <h1>WTSP - Way Too Simple Photoshop</h1>
      <canvas id="wtspcanvas">
        Sorry, selbst für das zu simple Photoshop ist dein Browser zu simpel. <!-- Fallback -->
      </canvas>

      <p><input type="button" value="In Graustufen konvertieren" onclick="greyScale()" /></p>
 </div>

我绝不是JS专家，所以我的代码可能不是最干净的。有没有人能给我指出正确的方向，告诉我如何消除错误并使函数工作？

期望对象作为第一个参数，正如

所以你必须把最后一行从

context.putImageData(bildDaten.data, 0, 0, _canvasWidth, _canvasHeight);

到

这至少可以消除错误。但是，单击按钮后，画布根本不会改变。是否需要另一个步骤来实际显示新计算的像素？好的，我知道了

bildDaten.length

是一个未定义的值。将其替换为

\u canvasWidth*\u canvasHeight*4

或

bildDaten.data.length

Mozilla文档中的错误。谢谢

[Error] TypeError: Type error
    greyScale (manipulator.js, line 28)
    onclick (index.html, line 21)

context.putImageData(bildDaten.data, 0, 0, _canvasWidth, _canvasHeight);

context.putImageData(bildDaten, 0, 0, _canvasWidth, _canvasHeight);