Cannot Scale Background Image to Canvas Dimensions

[bensladden]

Cannot Scale Background Image to Canvas Dimensions

[bensladden]

Ive added the event @image-loaded to the most recent release for each type of image from url component.
From this you can now access the img width etc.
v0.3.70

`
<fabric-background-image
:id="345667"
:scaleX="400 / imgWidth"
:scaleY="400 / imgHeight"
@image-loaded="imageLoaded"
>

...

imageLoaded(img) {
  this.imgHeight = img.height;
  this.imgWidth = img.width;
},`

assuming 400 is the width and height etc

[johnny-longneck]

Hello, thanks for your quick answer.

It is getting close. The only problem left now, is that the background of the canvas is only updating its scaling, when I touch an element in the canvas, and force a rerender.
I tried it in the imageLoaded function with

this.$refs.canvas0[0].requestRenderAll()

But it is not working here. It is working on other parts of the code, tough

[johnny-longneck]

Okay I got it working, I first had a mindfuck but doint it exactly as you wrote worked.
Thanks a lot!