изменить размер холста и дублировать содержимое измененного размера внутри другого

Как я могу дублировать содержимое холста с измененным размером внутри другого?

Если я рисую изображение внутри холста, а затем изменяю его размер, при клонировании содержимого я дублирую первый холст в его исходном размере, даже если он изменен.

HTML:

<img id="image" src="the-image.png" width="275" height="95"/>
<canvas id="canvas-image" width="275" height="95"></canvas>
<canvas id="canvas-little" width="138" height="48"></canvas>

js:

var img = $('image');   

var cnvImage = $('canvas-image');
ctxImage = cnvImage.getContext('2d');
ctxImage.drawImage(img,0,0);

cnvImage.setStyles({ 'width': 138, 'height': 48 });

var cnvLittle= $('canvas-little');
ctxLittle = cnvLittle.getContext('2d');
ctxLittle.drawImage(cnvImage,0,0);