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
449 B
449 B
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
-
Install the development server packages.
docker run --rm -w /app -v $PWD:/app -u $(id -u):$(id -u) node npm install
-
Start the server.
docker run --rm --init -it -w /app -v $PWD:/app -p 8080:8080 node node dev-server.js
-
Visit
localhost:8080
to view.