object.html 648 B

123456789101112131415161718192021222324
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <script src="../dist/svg-pan-zoom.js"></script>
  5. </head>
  6. <body>
  7. <h1>Demo for svg-pan-zoom: SVG in HTML 'object' element</h1>
  8. <object id="demo-tiger" type="image/svg+xml" data="tiger.svg" style="width: 500px; height: 500px; border:1px solid black; ">Your browser does not support SVG</object>
  9. <script>
  10. // Don't use window.onLoad like this in production, because it can only listen to one function.
  11. window.onload = function() {
  12. svgPanZoom('#demo-tiger', {
  13. zoomEnabled: true,
  14. controlIconsEnabled: true
  15. });
  16. };
  17. </script>
  18. </body>
  19. </html>