image-stroke:对具有透明背景的图像进行描边

时间:2024-06-05 23:13:28
【文件属性】:

文件名称:image-stroke:对具有透明背景的图像进行描边

文件大小:233KB

文件格式:ZIP

更新时间:2024-06-05 23:13:28

TypeScript

图像描边 对具有透明背景的图像进行描边。 演示版 入门 正在安装 yarn add image-stroke 如何使用 有三种内置的笔触制作方法。 在不同情况下选择其中之一。 旋转。 将图像旋转360度。 轮廓。 通过检测图像的轮廓并获取路径,然后描画这些路径。 距离。 通过计算从每个像素到图像边缘的,并填充所有距离小于笔画宽度的像素。 通过WebGL旋转。 与“旋转”相同,但在WebGL中实现。 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 f


【文件预览】:
image-stroke-master
----example()
--------index.html(2KB)
--------png.d.ts(26B)
--------main.ts(2KB)
--------test.png(140KB)
----package.json(1KB)
----.github()
--------workflows()
----src()
--------method-contour.ts(2KB)
--------utils.ts(1KB)
--------library.d.ts(145B)
--------gl-outline.ts(3KB)
--------method-rotate-by-gl.ts(1KB)
--------method-rotate.ts(708B)
--------method-distance.ts(4KB)
--------index.ts(2KB)
----.eslintrc.js(524B)
----tsconfig.json(199B)
----.gitignore(23B)
----README.md(1KB)
----yarn.lock(253KB)
----.eslintignore(3B)

网友评论