UNPKG

svg-pan-zoom-m

Version:

JavaScript library for panning and zooming an SVG image from the mouse, touches and programmatically.

25 lines (19 loc) 605 B
<!DOCTYPE html> <html> <head> <script src="../dist/svg-pan-zoom.js"></script> </head> <body> <h1>Demo for svg-pan-zoom: SVG in HTML 'embed' element</h1> <embed id="demo-tiger" type="image/svg+xml" style="width: 500px; height: 500px; border:1px solid black; " src="tiger.svg" /> <script> // Don't use window.onLoad like this in production, because it can only listen to one function. window.onload = function() { svgPanZoom('#demo-tiger', { zoomEnabled: true, controlIconsEnabled: true }); }; </script> </body> </html>