Comments (4)
A zoom of 1 is when the canvas size matches the viewbox size because in that case their ratio is 1. If you want to have a minimum zoom of your original zoom, just read the current zoom with zoom()
and use that value
from svg.panzoom.js.
Makes perfect sense and is working great... cheers!
Is there a way to read the current zoom level? I want to detect when the user has zoomed out back down to the zoomMin
value so I can force the SVG back to its centered position.
from svg.panzoom.js.
You can either as mentioned use zoom()
at the start to get the level (or on every zoom to get the current level) or (when you also need the panning), use viewbox()
to get the viewbox you started with.
There are events you can bind to to detect when someone zoomed. See readme
from svg.panzoom.js.
I'm understanding now, thank you again.
from svg.panzoom.js.
Related Issues (20)
- .panZoom is not a function on ES6 modules HOT 5
- low accuracy HOT 5
- [FeatureRequest] Programmatically fit an element into the view HOT 2
- Pan working but not zoom HOT 1
- Panning does not work if I use the margins property HOT 49
- Get current zoom factor HOT 2
- SVG not defined error HOT 18
- Cannot use in SVG files (no type=module) HOT 1
- Request: add event detail to panZoom HOT 4
- New feature: keyboard navigation HOT 3
- Update basic demo to include viewbox HOT 4
- When oneFingerPan is true clicks on SVG elements are not working anymore HOT 13
- Is it possible to obtain the real coordinates within the SVG if the user has zoomed in/out? HOT 3
- pinchZoom: Add option to change the zoom factor HOT 1
- need the zoomend event,is there another way to achieve it?
- Please add a method to pan svg programmatically HOT 7
- Pan / Zoom is blocking <input> in foreignObject HOT 2
- Question: Apply CSS to and svg while zooming HOT 4
- Feature request: transformer key HOT 1
- Select text and copy HOT 3
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from svg.panzoom.js.