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

Resizes custom image file in client-side JavaScript with HTML5 canvas element.
https://github.com/incubated-geek-cc/image-resize-with-canvas

canvas html html-css-javascript javascript

Last synced: about 3 hours ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/incubated-geek-cc/image-resize-with-canvas
• Owner: incubated-geek-cc
• Created: 2022-05-04T02:56:51.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2024-09-11T11:21:59.000Z (2 months ago)
• Last Synced: 2024-09-11T16:55:20.028Z (2 months ago)
• Topics: canvas, html, html-css-javascript, javascript
• Language: JavaScript
• Homepage: https://incubated-geek-cc.github.io/image-resize-with-canvas/
• Size: 1.09 MB
• Stars: 4
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        


  


  # 📐 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**](https://incubated-geek-cc.github.io/image-resize-with-canvas)

### ✍ Read related post here

[**Article :: Link :: How to Resize an Image using Client-Side JavaScript and HTML5 Canvas**](https://geek-cc.medium.com/how-to-resize-an-image-using-client-side-javascript-and-html5-canvas-2fff73d15d0)

### 👀 Preview



— Join me on 📝 Medium at ~ ξ(🎀˶❛◡❛) @geek-cc


---

#### 🌮 Please buy me a Taco! 😋