Skip to content

norvancc/StyLize

Repository files navigation

Image Stylize

Image Stylize Library is a JavaScript/TypeScript library for image processing and filter effects.

Features

  • Apply various image filters.
    • Gaussian Blur
  • Convert images to black and white.
  • Simulate the Leica camera filter effect.
  • Convert image to text drawing

Installation

You can install My Custom Library using npm:

npm install my-custom-library

Usage

Importing the library

import { Stylize } from 'image-stylize';
const stylize = new Stylize({
      width: 800,
      height: 800,
      container: canvasContainerRef.value,
    });

Applying Filters

Black and White Filter

 stylize.draw({
      type: 'grayscale',
      data: {
        url: '/src/assets/a.jpg',
        radius:10,
      },
    });

Alt text

Gaussian Blur Filter

 stylize.draw({
      type: 'grayscale',
      data: {
        url: '/src/assets/a.jpg',
        radius:10,
      },
    });

Alt text

Leica Camera Filter

 stylize.draw({
      type: 'leca',
      data: {
        url: '/src/assets/a.jpg',
      },
    });

Alt text

Convert image to text drawing

 stylize.draw({
      type: 'texty',
      data: {
        url: '/src/assets/a.jpg',
        text: '@#$%&*-=:. ',
        orderly: false,
        scale: 10,
      },
    });

Alt text

License

This project is licensed under the MIT License - see the LICENSE.md file for details.

End

More effects are constantly being updated.

About

StyLize Library is a JavaScript/TypeScript library for image processing and filter effects.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published