<script type="text/javascript">

    var canvas = document.getElementById('myCanvas');

    var ctx=myCanvas.getContext('2d');

    var img = new Image();

    img.onload = function(){

    var pattern = ctx.createPattern(img,"repeat");

    ctx.fillStyle = pattern;

    ctx.fillRect(0,0,ctx.myCanvas.width,ctx.myCanvas.height);

    //修改图像数据

    var imageData = ctx.getImageData(100,100,ctx.myCanvas.width-200,ctx.myCanvas.height-200);

    for(var i=0; i<imageData.data.length;i+=4){

    imageData.data[i+0] = 255 - imageData.data[i+0];

    imageData.data[i+1] = 255 - imageData.data[i+1];

    imageData.data[i+2] = 255 - imageData.data[i+2];

    }

    }

    </script>

老师这个for循环里面是什么意思呢