image-stroke

KO | EN

gitlite — search

#typescript #llm #golang #rust #deep-learning #docker #nodejs #macos #java #windows #cli #vue #pytorch #security

(★ 44)

Makes stroke for a image with transparent background.

image-stroke 최신버젼 다운로드

최종 버전 다운로드 (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# ImageStroke

Makes stroke for a image with transparent background.

## Demo

[Click here to see live demo.](https://liajoy.github.io/image-stroke/)

## Getting Started

### Installing

``` bash
yarn add image-stroke
```

### How To Use

There are three built-in methods to make stroke. Choose one of them in different situations.

- Rotate. Rotate the image with 360 degree.
- Contour. Detects contours of the image by [Marching Squares](https://en.wikipedia.org/wiki/Marching_squares) and get the paths, then stroke those paths.
- Distance. Calculates the distance from each pixel to the edge of the image by [Distance transform](https://en.wikipedia.org/wiki/Distance_transform), and fills all pixels whose distance is less than the stroke width.
- Rotate by WebGL. The same as 「Rotate」 but implements in WebGL.

``` javascript
import ImageStroke from 'image-stroke'

// Choose one of these methods
import rotate from 'image-stroke/lib/method-rotate'
import distance from 'image-stroke/lib/method-distance'
import contour from 'image-stroke/lib/method-contour'
import rotateByGL from 'image-stroke/lib/method-rotate-by-gl'

const imageStroke = new ImageStroke()

// Just use it
imageStroke.use(rotate)

const image = new Image();
image.onload = () => {
    // Get result
    const resultCanvas = imageStroke.make(image, {
        thickness: 10,
        color: 'red'
    })
}
```

image-stroke

image-stroke 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

image-stroke

image-stroke 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README