[css-view-transitions-2] (feature) access view-transition snapshot as an image/ImageData
Nobody has claimed this yet.
- Dominant language
- Bikeshed
- Stars
- 4.9k
- Forks
- 816
- PR merge metrics
- PR metrics pending
Description
For view transitions, right now we take snapshots for the old & new state and they get rendered in the ::view-transition-{old|new} pseudo elements as the contents. But what if we could access those images elsewhere? e.g. paint them into 2D/WebGL canvas or display them in an image element?
This can open a world of interesting animations.
A way to express this can be something like a URL (e.g. view-transition:name#old) or an imperative API
viewTransition.getSnapshotImageData(name, "old") or viewTransition.createSnapshotURL(name, "old")
(* Not planning on implementing anything like this soon but wanted the idea documented)
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
No implementation file, test, or entry point is named. Begin by reviewing the existing View Transitions definitions and the proposed URL, ImageData, or imperative API approaches, then establish an agreed design before specifying behavior and tests.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- css
- Domain
- frontend, web-dev
- Issue type
- Feature
- Difficulty
- 5/5
- Estimated time
- Over a week
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 25/100