Created
December 5, 2018 09:21
-
-
Save Dexdot/2fde844da5b1bcd4efd884ebbcfe8bb8 to your computer and use it in GitHub Desktop.
Убирает сглаживание используя translate, если размеры изображения заданы в процентах
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| function snapTranslateXYValsToNearestPixel(element){ | |
| var xTransPos = $(element).offset().left; | |
| var yTransPos = $(element).offset().top; | |
| // turn off any transitions (but save values first): | |
| var transitionVal = $(element).css('transition'); | |
| $(element).css('transition', 'none'); | |
| // turn off translate: | |
| $(element).css('transform', 'translateX(0) translateY(0)'); | |
| var xPosDiff = xTransPos - $(element).offset().left; | |
| var yPosDiff = yTransPos - $(element).offset().top; | |
| var xPixelVal = Math.round(xPosDiff); | |
| var yPixelVal = Math.round(yPosDiff); | |
| var translateVal = 'translateX(' + xPixelVal + 'px) translateY(' + yPixelVal + 'px)'; | |
| $(element).css('transform', translateVal); | |
| // reapply transition value (wait one tick for new css value to apply first): | |
| setTimeout(function() { | |
| $(element).css('transition', transitionVal); | |
| }, 1); | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment