Why change src camera still look at the same point?

[funylion]

Loading by src it look like this at first time.

And after ,I make a little change,

Then change src to load the new one ,and it look like camera still look at the same point.

It doesn't look like a bug, but is there a good solution?

[LaloYanez]

You will need to code your desired values inside a function that listens for the "load" event.

The camera attributes you will be setting a value for would be fieldOfView, cameraTarget and/or cameraOrbit. You can set your own or just use auto.

[funylion]

const modelViewer = document.querySelector('#mymodel'); modelViewer.setAttribute('cameraTarget', auto auto auto); modelViewer.setAttribute('cameraOrbit', 0deg 75deg 105%); modelViewer.setAttribute('field-of-view', auto);

Yes, I know these attributes, but I get the same result after modifying them. That's why I'm confused.

[LaloYanez]

The way you have them set only works when the script first loads. In order for it to work every time you swap models you have to include them when the "load" event happens.

modelViewer.addEventListener("load", function() {
   modelViewer.cameraTarget = "auto auto auto";
   modelViewer.cameraOrbit = "0deg 75deg 105%";
   modelViewer.fieldOfView = "auto";
  }
});

[funylion]

You let me know what's wrong with my code.Thank you very much for your help！