svg-pan-zoom.controls.js 650 B

1234567891011121314151617181920212223
  1. document.getElementById('demo-svg').addEventListener('load', function() {
  2. panZoom = svgPanZoom('#demo-svg', {
  3. zoomEnabled: true,
  4. minZoom: 1,
  5. maxZoom: 5
  6. });
  7. document.getElementById('zoom-in').addEventListener('click', function(ev) {
  8. ev.preventDefault()
  9. panZoom.zoomIn()
  10. });
  11. document.getElementById('zoom-out').addEventListener('click', function(ev) {
  12. ev.preventDefault()
  13. panZoom.zoomOut()
  14. });
  15. document.getElementById('reset').addEventListener('click', function(ev) {
  16. ev.preventDefault()
  17. panZoom.resetZoom();
  18. panZoom.resetPan();
  19. });
  20. });