Get the scale value of an element?

by

The simplest solution to find out the scale factor between the document and an element is the following:

var element = document.querySelector('...');
var scaleX = element.getBoundingClientRect().width / element.offsetWidth;

This works because getBoundingClientRect returns the actual dimension while offsetWidth/Height is the unscaled size.

More Related Contents:

  1. How to display an chage photo option on mouse hover similar to linkedin using Javascript? [closed]
  2. Input type="text" with select functionality after clicking on Input type="text"
  3. How to dectect objects' overlaping situations in javascirpt? [closed]
  4. jQuery .animate function not responding properly
  5. How to force browser to show image 3 inches wide?
  6. How to invoke animation when redirection in jsf?
  7. Only detect click event on pseudo-element
  8. Can I use HTML tags in the options for select elements? [duplicate]
  9. Select all elements that have a specific CSS, using jQuery
  10. How to build simple jQuery image slider with sliding or opacity effect?
  11. How can I disable a browser or element scrollbar, but still allow scrolling with wheel or arrow keys?
  12. Hide scrollbar while still being able to scroll with mouse/keyboard [duplicate]
  13. Border Radius for IE8
  14. make html text input field grow as I type?
  15. Padding or margin value in pixels as integer using jQuery
  16. Trees in Twitter Bootstrap [closed]
  17. How can I refresh the screen on browser resize?
  18. Fill available spaces between labels with dots or hyphens
  19. Uncaught TypeError: Cannot read property ‘top’ of undefined
  20. Detect browser wrapped lines via javascript
  21. Extracting text from a contentEditable div
  22. Prevent iOS bounce without disabling scroll ability
  23. How do I make an area unclickable with CSS?
  24. Rotate div text after clicking on button using jquery and css
  25. How do I find which JavaScript is changing an element’s style?
  26. How to Bootstrap navbar static to fixed on scroll?
  27. How to use pagination on HTML tables?
  28. how to use html2canvas and jspdf to export to pdf in a proper and simple way
  29. How can I reorder elements with JavaScript?
  30. Can you have multiple lines in an element?

Leave a Comment