Is it possible to expand an image in a canvas?

Question

JavaScript

Hello.
Is there a mechanism in js that allows you to expand the image in the canvas like in the picture below, where red shows the padding and black shows the borders of the canvas?

Answer 1

I threw an example through getImageData, putImageData.
PS If you render images, they must be on your domain in order not to run into the Access-Control-Allow-Origin problem

Answer 2

draw the two halves in turn. drawImage has additional parameters that specify which part of the image to draw.