Как добавить размеры canvas изображению в дочернем компоненте?

Question

[Fierfoxik]

Пытаюсь сделать сравнение img и canvas изображений в дочернем компоненте. В родительском только инпуты в которых я получаю картинку, далее после получения картинки создаю img и передаю через пропс в дочерний компонент, и в дочернем компоненте уже пытаюсь добавить картинку к canvas задав ему свои размеры, но по какой то причине canvas обрезает картинку, в чем может быть причина?

Судя по консоли все размеры нормальные, но почему то в html я не вижу добавленных размеров.

Ссылка на codesandbox

Answer 1

[0xD34F]

замените

:style="{width: this.width, height: this.cavh}"

на

v-bind="{ width: width, height: cavh }"

или

:width="width" :height="cavh"