0.1.6 • Published 1 year ago

@hc-master/white-ink v0.1.6

Weekly downloads
-
License
-
Repository
-
Last release
1 year ago

定制酒包装白墨处理

根据svg和png图片,生成对应白墨颜色的数据;

使用

Installation

npm i @hc-master/white-ink

Quick start

import { whiteInkForSvg, whiteInkForPng } from '@hc-master/white-ink';
// 模块默认导出两个方法,分别处理svg与png的白墨生成
function App() {
  const handleInk = async function(type:'svg'|'png') {
    switch (type) {
      case 'svg':
        // whiteInkForSvg生成的数据为svg内容的字符串
        const svgStr = await whiteInkForSvg(demoSvg)
        break;
      case 'png':
        // whiteInkForPng生成的数据为图片base64的字符串
        const base64 = await whiteInkForPng(demPng, {
          // 输出格式(默认png)
          suffix: 'png',
          // 填充像素值时的执行回调,须返回一个rgba对象值
          // @param v - 当前像素的rgb对象值
          change(v) {
            return { r:0,g:0,b:0,a:1 }
          }
        })
        break;
    }
  }
  return (
    <>
      <div className="card">
        <button onClick={() => handleInk('svg')}>生产svg白墨</button>
        <button onClick={() => handleInk('png')}>生产png白墨</button>
      </div>
    </>
  )
}
0.1.6

1 year ago

0.1.5

1 year ago

0.1.4

2 years ago

0.1.3

2 years ago

0.1.2

2 years ago

0.1.1

2 years ago

0.1.0

2 years ago