How to add canvas dimensions to an image in a child component?

Question

Canvas

I'm trying to compare img and canvas images in a child component. In the parent only the inputs in which I get the image, then after receiving the image I create an img and pass it through the prop to the child component, and in the child component I already try to add the image to the canvas by setting its dimensions, but for some reason the canvas crops the image, in which could be the reason?

Judging by the console, all sizes are normal, but for some reason I don’t see the added sizes in html.

Link to codesandbox

Answer 1

replace
:style="{width: this.width, height: this.cavh}"
with
v-bind="{ width: width, height: cavh }"
or
:width="width" :height="cavh"