Skip to content

Commit 2fbaccc

Browse files
daxhnsspinningarrow
daxhns
authored and
spinningarrow
committed
Fix blurred image in chrome
Added Math.round() around parameters for the translate to force them to whole numbers and not a decimal value. Since the unit is pixels, decimal values (for examle 20.5) create slightly blurred images (when in 100% zoomed state) in Chrome.
1 parent e4bc738 commit 2fbaccc

File tree

3 files changed

+4
-4
lines changed

3 files changed

+4
-4
lines changed

‎dist/zoom-vanilla.min.js

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎dist/zoom-vanilla.min.js.map

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎js/zoom-vanilla.js

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -185,8 +185,8 @@
185185
var imageCenterY = imageOffset.top + (targetImage.height / 2)
186186
var imageCenterX = imageOffset.left + (targetImage.width / 2)
187187

188-
var translateY = viewportY - imageCenterY
189-
var translateX = viewportX - imageCenterX
188+
var translateY = Math.round(viewportY - imageCenterY)
189+
var translateX = Math.round(viewportX - imageCenterX)
190190

191191
var targetImageTransform = 'scale(' + imgScaleFactor + ')'
192192
var targetImageWrapTransform =

0 commit comments

Comments
 (0)