lowpoly.js——能够生成 Low Poly 风格图片的 js 库

2016-10-25 09:09:30 +08:00
jrainlau  jrainlau

https://github.com/jrainlau/LowPolifier

What's it?

lowpoly.js is a JS liberary which can style an image with Low Poly.

Img

Img

Install

npm install lowpoly

Usage

Note that lowpoly.js was written in ES6, it would work fine in the lastest version of morden browsers, or use it with Babel.

import LowPoly from 'lowpoly'

new LowPoly(src, config) .init() .then((data) => { ... })

After the init() function, it will returns a promise, which includes a base64 source of the low-poly style image.

Params

| Param | Type | Description | | --- | --- | --- | | src | {String} | Address of an original image | | config | {Object} | The configuration object |

The configuration object might take 6 properties:

EDGE_DETECT_VALUE: Lower this to increase edge contrast sensitivity.

POINT_RATE: Number of points distribution ratio of points (number) on the edge, detail, generated higher see console.

POINT_MAX_NUM: Maximum points sampled. Higher = more detail.

BLUR_SIZE: Smaller is more detailed.

EDGE_SIZE: Larger is more detailed.

PIXEL_LIMIT: Images may have this many pixels at most (width x height) or will be resampled. Have had no trouble setting this to ~10,000,000 or more.

License

MIT

2963 次点击
所在节点    前端开发
9 条回复
lxrmido
2016-10-25 09:20:49 +08:00
不错
Shared
2016-10-25 09:55:57 +08:00
看楼主的代码学到了新知识。不过 blog 没 RSS 好可惜
vimutt
2016-10-25 11:06:51 +08:00
感觉很不错啊 不熟悉 nodejs 能不能给个简单的可运行的实例啊
Phariel
2016-10-25 11:10:47 +08:00
为什么代码注释是日文。
hronro
2016-10-25 13:29:56 +08:00
日本人?还是说这个不是楼主自己写的?
jrainlau
2016-10-25 14:53:23 +08:00
@Phariel 日文的那一段是 fork 的,仔细看注释有 fork 的地址哦
jrainlau
2016-10-25 14:53:32 +08:00
@hronro 日文的那一段是 fork 的,仔细看注释有 fork 的地址哦
jrainlau
2016-10-25 14:54:21 +08:00
@vimutt 这不是 node 呀,就一个普通的 js 库,不过是用了 es6 的特性而已,用法很简单的,看文档就可以啦
ClassicOldSong
2016-10-25 15:57:12 +08:00
有意思,先 star

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/315200

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX