@hc-master/white-ink

定制酒包装白墨处理

根据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)
        break;
    }
  }
  return (
    <>
      <div className="card">
        <button onClick={() => handleInk('svg')}>生产svg白墨</button>
        <button onClick={() => handleInk('png')}>生产png白墨</button>
      </div>
    </>
  )
}