Canvas : 画像の一部のみグレースケールにするピクセル操作ができません

Question

Canvasにて、用意した画像の一部のみ（一定範囲）をグレースケールにしたい

Canvasで用意した画像の、一部のみをグレースケールにするため、
こちらのQiita記事を参照にグレースケールの関数を作ったのですがうまくいきません。
サイトのコードを使うと画像全体は問題なくグレースケールになるのですが、
一部のピクセルのみをグレースケール化することができていません。

画像（canvas）は300 * 300の画像なので、90000ピクセルあると思いますが、
そのうちの、例えば、画像中央に200 * 200のグレースケール部分を作りたいと考えています。

※ソースコードでは2250ピクセル地点から、20250ピクセル地点までになっています。

該当のソースコード

ソースコード
```//グレースケール
	function grayScale() {
                var src = ctx.getImageData(0, 0, canvas.width, canvas.height);
                var dst = ctx.createImageData(canvas.width, canvas.height);

        if(src.data[0] <= src.data[9000]) {
        	for (var i = 0; i < 9001; i=i+4) {
            	var pixel = (src.data[i] + src.data[i+1] + src.data[i+2]) / 3;
            	dst.data[i] = dst.data[i+1] = dst.data[i+2] = pixel;
            	dst.data[i+3] = src.data[i+3];
        	}
        } else if(src.data[81000] <= src.data.length) {
        	for (var i = 81001; i < src.data.length; i=i+4) {
            	var pixel = (src.data[i] + src.data[i+1] + src.data[i+2]) / 3;
            	dst.data[i] = dst.data[i+1] = dst.data[i+2] = pixel;
            	dst.data[i+3] = src.data[i+3];
        	}
        } else {
        	for (var i = 9001; i < src.data[81000]; i=i+4) {
            	var pixel = src.data[i] + src.data[i+1] + src.data[i+2];
            	dst.data[i] = dst.data[i+1] = dst.data[i+2] = pixel;
            	dst.data[i+3] = src.data[i+3];
        	}
        }

        ctx.putImageData(dst, 0, 0);
	}	

### 試したこと

上記の通り実行したのですが、画像の上部の、わずかな部分のみが切り取られてグレースケールとなり、残りはなにもないcanvasになってしまっています。

よろしければ回答よろしくお願いいたします。

Answer 1

getImageData()によって取得したコードはUnit8ClampedArrayだったため、普通の配列のように一部の配列を取り出して、その数値をグレースケール化して元に連結して、というsliceからspliceの流れができませんでした。slice()はあるのですが、splice()がなかったので、代わりにset();を代用することで解決しました。

Answer 2

var dst = ctx.createImageData(canvas.width, canvas.height);の後にこれを追加してください

for(var i=0;i<dst.data.length&&i<src.data.length;i++){
   dst.data[i]=src.data[i];
}

Comments

[RyoheiHasegawa]

すいません入れても変化なしです、、ありがとうございます。

[bochan2]

すいません
ミスがあったので編集しておきます
編集後のコードを挿入してみてください

[RyoheiHasegawa]

すいません、上記のいただいた回答では解決しませんでしたが、自力でなんとかできました。ありがとうございました。