The putImageData function

• Arguments to the function
• An example
• See also

The putImageData function allows you to add an ImageData object that you have been manipulating back onto the canvas. You pass the function the ImageData object and the X/Y coordinates of where you want it placed. Optionally you can specify which portion of the ImageData object to use.

Arguments to the function

• The ImageData object to copy onto the canvas
• The x-axis coordinate to place it at (top left corner)
• The y-axis coordinate to place it at (top left corner)
• dirtyX Used to specify what portion of the ImageData object to use (Optional)
• dirtyY Used to specify what portion of the ImageData object to use (Optional)
• dirtyW Used to specify what portion of the ImageData object to use (Optional)
• dirtyH Used to specify what portion of the ImageData object to use (Optional)

An example

<script>
    window.onload = function ()
    {
        var canvas = document.getElementById('cvs');
        var context = canvas.getContext('2d');
        
        // Copies an ImageData object onto the canvas
        context.putImageData(imgData);
    }
</script>

See also

• The getImageData function