Catalin Mititiuc 9c34e15c47 Update implementation to account for WebKit bug
getScreenCTM() on WebKit does not reflect transformations applied to an ancestor (see bug https://bugs.webkit.org/show_bug.cgi?id=209220), so instead of transforming the root <svg> element, we can only transform a child element
2024-06-11 15:09:41 -07:00
2024-04-15 09:48:00 -07:00
2024-04-15 09:48:00 -07:00
2024-04-15 09:48:00 -07:00

Pan-Zoom

Pan/zoom library for SVG elements. Hold and drag to pan. Use the mouse wheel to zoom. See src/app.js for a usage example.

To view the demo using Docker

  1. Install the development server packages.

    docker run --rm -w /app -v $PWD:/app -u $(id -u):$(id -u) node npm install
    
  2. Start the server.

    docker run --rm --init -it -w /app -v $PWD:/app -p 8080:8080 node node dev-server.js
    
  3. Visit localhost:8080 to view.

Description
Node package to pan/zoom SVG images in a web browser
Readme 1.3 MiB
Languages
JavaScript 94.9%
HTML 3.4%
CSS 1.7%