Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Exported animations show initial state instead of finished state #1979

Closed
Fuzzyma opened this issue Dec 7, 2024 · 7 comments
Closed

Exported animations show initial state instead of finished state #1979

Fuzzyma opened this issue Dec 7, 2024 · 7 comments

Comments

@Fuzzyma
Copy link

Fuzzyma commented Dec 7, 2024

Describe the bug

When exporting to pdf, all my animated elements are displayed as if the animation never played and only the initial state stuck.

This is how it should look like after the animation
grafik

This is how it gets exported
grafik

I tried timeouts, tried adding a :leave attribute and tried exporting with and without clicks. Always the same problem.
I also noticed that when leaving a page with ArrowDown all elements appear in their initial state as well before it transitions to the next page. So maybe its related to that?

Minimal reproduction

The slide I created looks like this:

---

<img src="/editor.jpg" class="absolute left-30px top-30px shadow-lg border light:border-[#ccc] dark:border-[#333]">
<div v-click v-motion :initial="{translateX: '-10%'}" :enter="{translateX: '0%'}" class="absolute inset-0">
  <Arrow x1="585" x2="685" y1="150" y2="150" />
  <img src="/icon.jpg" class="absolute left-720px top-100px">
</div>

Environment

  • Slidev version: v0.50.0-beta.10
  • Browser: Doesnt apply
  • OS: WSL on Win 10
@jonasfroeller
Copy link

Same issue with code animations.

@jonasfroeller
Copy link

Also videos are not embedded. (Adobe Acrobat Reader would support it for example) I think it would be good, to just use the first frame of the video instead, because not many pdf-readers support videos.

@kermanx
Copy link
Member

kermanx commented Dec 10, 2024

Sorry for the late reply. A workaround is to install @slidev/cli and @slidev/client from the urls listed in #1972 (comment), and open the new exporting UI to export the slides (only supports chrome/edge).

@kermanx
Copy link
Member

kermanx commented Feb 21, 2025

Hopefully, this has been resolved by the browser exporter. Feel free to reopen the PR if not.

@kermanx kermanx closed this as completed Feb 21, 2025
@Fuzzyma
Copy link
Author

Fuzzyma commented Feb 21, 2025

@kermanx my arrows are not shown but besides that it seems better. However, when adding clicks, the first slide is always with ALL clicks already there and the following the single different clicks. So I think its still kinda broken.

PS: I am not allowed to reopen PRs :D

@kermanx
Copy link
Member

kermanx commented Feb 22, 2025

my arrows are not shown but besides that it seems better.

I tried <Arrow> and it works fine. The Delay option in the left-bottom of the exporting page may need to be increased if the arrows are not captured. If still not, please open a new issue.

However, when adding clicks, the first slide is always with ALL clicks already there and the following the single different clicks.

This is already a PR to merge to address this.

PS: I am not allowed to reopen PRs :D

I think the issue author usually has permission to re-open the issue. Please tell me if some settings are wrong.

@Fuzzyma
Copy link
Author

Fuzzyma commented Feb 22, 2025

@kermanx nope, cant reopen :D

Image

I tried and it works fine. The Delay option in the left-bottom of the exporting page may need to be increased if the arrows are not captured. If still not, please open a new issue.

The arrows are meant to show on click. I tried delay 4000 to no avail both with and without clicks enabled.

This is already a PR to merge to address this.

Noice!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

3 participants