@koreansealjs

한국 도장을 Node.js와 브라우저 환경에서 생성할 수 있는 라이브러리입니다.

데모

128px
0.020

미리보기

시작하기

설치

npm install @koreansealjs/react

사용법

import { CompanySeal } from '@koreansealjs/react';
import { useEffect, useRef } from 'react';

function App() {
  const canvasRef = useRef<HTMLCanvasElement>(null);
  
  useEffect(() => {
    if (!canvasRef.current) return;

    const drawSeal = async () => {
      const seal = new CompanySeal(canvasRef.current!);
      await seal.draw({
        circularText: '주식회사예제',
        centerText: '株式會社',
        sealSize: 128,
        strokeWidthRatio: 0.02,
        markerType: 'star',
        fontFamily: 'Noto Serif KR',
      });
    };

    drawSeal();
}, []);

  return <canvas ref={canvasRef} />;
}

Made with ❤️ by Hak Lee • [GitHub]