blurred-image-frame
Advanced tools
Comparing version 1.0.0 to 1.0.1
{ | ||
"name": "blurred-image-frame", | ||
"version": "1.0.0", | ||
"description": "A function that automatically adds a blur section to no-crop images", | ||
"version": "1.0.1", | ||
"description": "Avoid cropping an image to fit a specific canvas size.", | ||
"main": "index.js", | ||
@@ -6,0 +6,0 @@ "directories": { |
@@ -7,2 +7,5 @@ # Blurred Image Frame | ||
## Demo | ||
Check out how the functionality works! ==> [**DEMO**](https://resize-image-blur.netlify.app/). | ||
## Function Overview | ||
@@ -81,4 +84,3 @@ | ||
To utilize this function, it is essential to first import | ||
the [fill-image-blur.js](https://github.com/vascabarkapa/blurred-image-frame/blob/main/fill-image-blur.js) JavaScript | ||
file into your project. After importing, integrate the provided JavaScript code into your project. Call | ||
the [fill-image-blur](https://github.com/vascabarkapa/blurred-image-frame/blob/main/index.js) into your project. After importing, integrate the provided JavaScript code into your project. Call | ||
the `fillImageWithBlur` function by passing an event object `e` and the ID of the canvas element, `canvasId`. The | ||
@@ -85,0 +87,0 @@ function will take care of image processing, apply the blur effect, and facilitate the download of the seamlessly fitted |
5106517
114