Web Dev Solutions

Catalin Mititiuc

From 9c34e15c47cf3578adeff41693a62061a25fdcde Mon Sep 17 00:00:00 2001 From: Catalin Mititiuc Date: Tue, 11 Jun 2024 14:58:29 -0700 Subject: 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 element, we can only transform a child element --- public/index.html | 19 ++++--------------- 1 file changed, 4 insertions(+), 15 deletions(-) (limited to 'public/index.html') diff --git a/public/index.html b/public/index.html index 35a3030..d97baee 100644 --- a/public/index.html +++ b/public/index.html @@ -3,28 +3,17 @@ - JavaScript/CSS Pan & Zoom Demo + SVG Element Pan & Zoom Demo -

Pan & Zoom an Element with CSS/JavaScript

+

Pan & Zoom SVG Element with CSS/JavaScript

- Click and drag on the image to pan. Use the mouse wheel - to zoom in and out. + Click and drag the image to pan. Use the mouse wheel to zoom in and out.

-

- -

- -
- - -
+ -- cgit v1.2.3