incubated-geek-cc / image-resize-with-canvas

Resizes custom image file in client-side JavaScript with HTML5 canvas element.

Home Page:https://incubated-geek-cc.github.io/image-resize-with-canvas/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

logo

๐Ÿ“ Image Resize (with HTML Canvas)

๐Ÿ› ๏ธ An offline non-server dependent utility to resize image files (e.g. .png, .jpg) with HTML5 canvas with.

๐Ÿ’ป 100% Vanilla JavaScript. No external plugins required.

๐Ÿ“Œ Features

  • Upload image file
  • Resize image resolution (enables image to keep aspect ratio the same)
  • Export resized image output

๐ŸŒŸ Try it yourself!

Live Demo :: Link

โœ Read related post here

Article :: Link :: How to Resize an Image using Client-Side JavaScript and HTML5 Canvas

๐Ÿ‘€ Preview

โ€” Join me on ๐Ÿ“ Medium at ~ ฮพ(๐ŸŽ€หถโ›โ—กโ›) @geek-cc


๐ŸŒฎ Please buy me a Taco! ๐Ÿ˜‹

About

Resizes custom image file in client-side JavaScript with HTML5 canvas element.

https://incubated-geek-cc.github.io/image-resize-with-canvas/


Languages

Language:JavaScript 61.6%Language:HTML 25.6%Language:CSS 12.8%