Screenshot of model viewer div... Web site (Capture Canvas)

[canberka]

Description

Hello, we are trying to screenshot of model viever at website.

But when we are trying to screenshot scripts for model viever. it can takes screenshot of everything except model viever.

Is there a way to handle with it?

[Link]

if you try to link, you will see. if you press the button it is not capturing the model viewer div

[samaneh-kazemi]

Hi @canberka, can you please share more details? A link to your work, in what mode you're using model-viewer, is this happening in iPhone, android etc?

[canberka]

Hi @canberka, can you please share more details? A link to your work, in what mode you're using model-viewer, is this happening in iPhone, android etc?

I am talking about capturing model viewer div. I updated the description. Can you please check

[sercandemirtas]

Hey @canberka Im having same problem too. I cant get capture of model-viewer div or canvas. I tried 4 different capture script. All same like your link. On capture of div or canvas, model-viewer part is blank.

[elalish]

That looks like a bug in html2canvas? I'm not familiar. However, if what you want is a screenshot of MV, we have a built-in function for that: https://modelviewer.dev/docs/index.html#entrydocs-loading-methods-toBlob

[yi-ming-qian]

How to use this toBlob function? Any example codes will be much appreciated.

[base-main-online]

document.querySelector("model-viewer").toDataURL("image/png")=img.src

[elalish]

Use it just like the canvas one: https://developer.mozilla.org/en-US/docs/Web/API/HTMLCanvasElement/toBlob

[arpu]

the toDataUrl works great! but would it be possible to generate a gif like webp or video?

[elalish]

You'll just need to take a bunch of screenshots and then pack them into a movie with ffmpeg or similar. Or just do a screen recording.

[arpu]

yes this was the idea, maybe like threejs will do it mrdoob/three.js#25296