Skip to content

Instantly share code, notes, and snippets.

@Dexdot
Created December 5, 2018 09:21
Show Gist options
  • Select an option

  • Save Dexdot/2fde844da5b1bcd4efd884ebbcfe8bb8 to your computer and use it in GitHub Desktop.

Select an option

Save Dexdot/2fde844da5b1bcd4efd884ebbcfe8bb8 to your computer and use it in GitHub Desktop.
Убирает сглаживание используя translate, если размеры изображения заданы в процентах
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