0

これを実行しようとすると、Chrome で型エラーが発生します: Code Update

// Get the drawing canvas
canvas = $('#drawing');
context = canvas[0].getContext('2d');

function resizeCanvas() {

    canvas.attr({'width' : $(window).width()});
    canvas.attr({'height' : $(window).height() - 158});

    var dataURL = canvas[0].toDataURL('image/png');
    context.drawImage(dataURL, 0, 0);

}

$(window).resize(function() {
    resizeCanvas();
}); resizeCanvas();

// Various event handlers after this.

どうして！？

4

2 に答える 2

1

あなたのコードは問題ないようです。以下を確認してください。

  1. canvasidの要素が存在しdrawingます。
  2. お使いのバージョンの Chrome は をサポートしていますcanvas。
于 2012-08-19T16:58:34.763 に答える
1

drawImage画像またはキャンバス参照を受け取り、文字列を渡します。

例えば：

var a = document.createElement("canvas");
a.getContext("2d").drawImage("asdasdasd", 0, 0 )
//TypeError: Type error

あなたは試すことができます：

context.drawImage(canvas[0], 0, 0);

または

var image = new Image();
image.src = dataURL;
context.drawImage( image, 0, 0 );
于 2012-08-19T18:25:38.120 に答える