| index : pan-zoom | |
| SVG pan/zoom library. |
| aboutsummaryrefslogtreecommitdiff |
diff options
| author | Catalin Mititiuc <webdevcat@proton.me> | 2024-04-20 19:34:06 -0700 |
|---|---|---|
| committer | Catalin Mititiuc <webdevcat@proton.me> | 2024-04-23 10:09:51 -0700 |
| commit | 2d3fc1cd22ffcc61ec178eeaf97f3a4d7cba98bf (patch) | |
| tree | a072ea398ce00b68dd0e5e670b32ac5ee1a812ad /README.md | |
| parent | 263201d869956b94660d4efa8297e89dadbe36a8 (diff) | |
Use CSS transformations instead of manipulating the viewBox
Diffstat (limited to 'README.md')
| -rw-r--r-- | README.md | 16 |
1 files changed, 11 insertions, 5 deletions
@@ -1,9 +1,15 @@ -## Install dev server packages +# Pan-Zoom - docker run --rm -w /app -v $PWD:/app -u $(id -u):$(id -u) node npm install +Pan/zoom library for web browsers. Hold and drag an element to pan. Use the mouse wheel to zoom. See `src/app.js` for a usage example. -## Start the dev server +## To view the demo using Docker - docker run --rm --init -it -w /app -v $PWD:/app -p 8080:8080 node node dev-server.js +1. Install the development server packages. -Visit `localhost:8080` to view. + 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. |