9-slicer 中文文档教程

发布于 6年前 浏览 26 项目主页 更新于 3年前

9-slicer

构建状态 npmlicense

自动判断放大的区域并创建 9

Examples

input

切片

output

图像

个 "https://raw.githubusercontent.com/zprodev/9-slicer/master/docs/img/output.png" alt="output.png">

参数

{ width: 420,
  height: 240,
  left: 46,
  right: 45,
  top: 48,
  bottom: 48 }

Demo

9 SLICER

Distribution

npm

npm i -D 9-slicer

files

用于 CommonJS

< a href="https://github.com/zprodev/9-slicer/tree/master/dist/browser">用于浏览器

for ESModules

Usage

for CommonJS

const { readFileSync, writeFileSync }  = require('fs');
const { slice } = require('9-slicer');

const input = readFileSync('input.png');
const output = slice(input);

// Example of outputting only things that can be reduced by 30% or more
if(30 <= output.reduction){
  writeFileSync('output.png', output.buffer);
  writeFileSync('output.json', JSON.stringify(output.params));
}

9-slicer

Build Statusnpmlicense

Automatically judge the enlarged area and create 9 slice images

Examples

input

input.png

output

Sliced PNG

output.png

Parameters

{ width: 420,
  height: 240,
  left: 46,
  right: 45,
  top: 48,
  bottom: 48 }

Demo

9 SLICER

Distribution

npm

npm i -D 9-slicer

files

for CommonJS

for Browser

for ESModules

Usage

for CommonJS

const { readFileSync, writeFileSync }  = require('fs');
const { slice } = require('9-slicer');

const input = readFileSync('input.png');
const output = slice(input);

// Example of outputting only things that can be reduced by 30% or more
if(30 <= output.reduction){
  writeFileSync('output.png', output.buffer);
  writeFileSync('output.json', JSON.stringify(output.params));
}
    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文