Topic: screenshot of animations not recorded
Expected behavior*Each Screenshot should be recorded as a static screenshot (without animation) does.*Actual behavior*Only static text is grabbed.*Resources (screenshots, code snippets etc.)
callb(){ let i = 0;
this.intervalId = setInterval(async () => {
await html2canvas(this.eletorecord.nativeElement,{useCORS:true}).then(canvas => {
let url =canvas.toDataURL("image/jpg")
this.chunks.push(url);
URL.revokeObjectURL(url)
if (i++ == 50) {
clearInterval(this.intervalId)
}
})
}, 100) }
<div id="eletorecord" #eletorecord
style="border: 5px solid gray; border-radius: 5px; margin: 20px;width: 256px; height: 160px;">
<h3 class="wow slideOutRight infinite" data-wow-delay="2s" data-wow-duration="4s" >{{comptext}}</h3>
</div>
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Status
Opened
Specification of the issue
- ForumUser: Free
- Premium support: No
- Technology: MDB Angular
- MDB Version: 10.0.0
- Device: pc
- Browser: firefox, chrome, edge
- OS: windows 10
- Provided sample code: No
- Provided link: No
Arkadiusz Idzikowski staff commented 3 years ago
Please provide more details about the problem. How it is related to the MDB components?
ASOKUMAR IT free commented 3 years ago
For example, when the slideOutRight animation starts I'm expecting all the screenshots to capture the text in the newer positions and eventually disappear. But, when I replay the captured images I don't see any motion; only a static text in all the frames. Q1: is it possible to capture all the animation? if yes, how?
Arkadiusz Idzikowski staff commented 3 years ago
It seems to me that this problem is not directly related to our components or Angular. Perhaps a better idea would be to report this issue to the developers of the html2canvas library. We don't know much about this tool and its capabilities and limitations.