Comments (4)
Nice suggestion, but unfortunately snap.svg.zpd
doesn't have this feature now.
from snap.svg.zpd.
i know... i would add it
first of all, i probably have to add a new property which can be changed, like pan_directions="both"|"vertical"|"horizontal"
from snap.svg.zpd.
Got something working already:
I'd start like this:
// define some custom options
var zpdOptions = {
pan: true, // enable or disable panning (default enabled)
panDirections: 'both', // "both" | "horizontal" | "vertical"
zoom: true, // enable or disable zooming (default enabled)
drag: false, // enable or disable dragging (default disabled)
zoomScale: 0.2, // define zoom sensitivity
zoomThreshold: null, // define zoom threshold
touch: true // enable or disable touch (default enabled)
};
from snap.svg.zpd.
panDirections: 'horizontal'
made my day! Thank you. The README should be updated to advertise this great feature.
Pull request created: #84
from snap.svg.zpd.
Related Issues (20)
- Zoom and Pan at the same time? HOT 1
- Chrome 48 removes SVGGraphicsElement.getTransformToElement() HOT 6
- 'SVGElement.offsetParent' is deprecated HOT 5
- Zoom to element help HOT 1
- Zoom behaviors in demo 1 and 2 aren't working HOT 2
- zoom on SVG document with offset position HOT 1
- [LIMITED the POWER] This usually use on present view only. NOT for the purpose of Storing or Modifying the paper.
- _getEventPoint() using clientX/clientY HOT 5
- bower install snap.svg.zpd --save installs old version HOT 5
- load: not working HOT 6
- wheel events no longer working in chrome/opera/firefox in the presence of both a touch pad and a mouse HOT 5
- onClick not working in Ionic IOS HOT 4
- Implemented a new feature: pan/drag in boundaries
- zpd prevent others elements to fire onblur events HOT 1
- plugin on npm is not up to date
- how to use this plugin with typescript and snapsvg-cjs HOT 2
- zoomThreshold not working
- e2e test spec
- paper.zpd('origin') only resets zoom level, not position
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 snap.svg.zpd.