Javascript Image Resize

by

To modify an image proportionally, simply only alter one of the width/height css properties, leave the other set to auto.

image.style.width="50%"
image.style.height="auto"

This will ensure that its aspect ratio remains the same.

Bear in mind that browsers tend to suck at resizing images nicely – you’ll probably find that your resized image looks horrible.

More Related Contents:

  1. Do HTML5 custom data attributes “work” in IE 6?
  2. Get average color of image via Javascript
  3. getElementsByClassName() doesn’t work in old Internet Explorers like IE6, IE7, IE8
  4. Getting an absolute URL from a relative one. (IE6 issue)
  5. How to stretch images with no antialiasing
  6. iframe shimming or ie6 (and below) select z-index bug
  7. How to get the start and end points of selection in text area?
  8. Can you combine multiple images into a single one using JavaScript?
  9. IE6 Hover Issue
  10. Merge Image using Javascript
  11. jQuery form submit() is not working in IE6?
  12. How do I get a floating footer to stick to the bottom of the viewport in IE 6?
  13. Cropping with drawImage not working in Safari
  14. How to do the same in JavaScript? [closed]
  15. how to get difference date using javascript more specific
  16. How can I stop the browser back button using JavaScript?
  17. jQuery Mobile: Markup Enhancement of dynamically added content
  18. Delaying AngularJS route change until model loaded to prevent flicker
  19. Can I reference other properties during object declaration in JavaScript? [duplicate]
  20. The invocation context (this) of the forEach function call
  21. How to convert dataURL to file object in javascript?
  22. Mongoose difference between .save() and using update()
  23. Triple equal signs return false for arrays in javascript. why?
  24. Why doesn’t this Javascript RGB to HSL code work?
  25. How to write palindrome in JavaScript
  26. Getting “Uncaught ReferenceError: google is not defined” error using Google Maps API
  27. JavaScript: How to simulate change event in internet explorer (delegation)
  28. Remove scrollbar but not scrolling functionality [duplicate]
  29. How can I get DPI from image in JS?
  30. Emulate clicking a link with Javascript that works with IE

Leave a Comment