bumbu/svg-pan-zoom

Zoom animation option?

Open

#322 opened on Nov 2, 2018

View on GitHub
 (1 comment) (0 reactions) (0 assignees)JavaScript (1,585 stars) (383 forks)batch import
feature requesthelp wanted

Description

Hey - great library!

I was reading through the closed issues and PRs and was wondering if there's a reason for not providing and easier way to animate zoom - something like animated: true on init?

I know we animate zoom by adding .svg-pan-zoom_viewport { transition: transform 0.4s ease-out; } but would be awesome if this could be done through options

Contributor guide

Tech stack
javascript
Domain
frontend
Issue type
feature
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
3
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
1-2 days
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
stale
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
clear
Prerequisites
JavaScriptBasic SVG understanding
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
40
Research direction
Investigate closed issues and PRs related to zoom animation to understand why an animated option was not added. Examine the library's zoom implementation in src/zoom.js to see how transformations are applied. Consider adding an `animated` option that, when true, applies a CSS transition to the SVG viewport element before changing transform. Ensure compatibility with existing behavior.