Skip to content

Customization

SealCanvas exposes most visual properties so you can override preset defaults without building a custom template.

Common Properties

PropTypeDescription
textstring | string[]Seal text. String renders vertically by character; array renders rows.
colorstringSeal ink color.
sizenumber | { width, height }Canvas size. Number means square.
shape"circle" | "square"Outer shape.
border"single" | "double" | "none"Border style.
borderThicknessnumberBorder line thickness.
cornerRadiusnumberCorner radius for square seals.
fontFamilystringRegistered font family name.
textDirection"horizontal" | "vertical"Text flow direction.
invertbooleanWhite text on colored background (shubun effect).
bleedbooleanAdds an ink-bleed texture effect.
previewScalenumberScales the preview on screen without changing export size.

Color Example

tsx
<SealCanvas preset="mitomein" text="山田太郎" color="#8b0000" />

Square Seal with Rounded Corners

tsx
<SealCanvas
  preset="kakuin"
  text="株式会社サンプル"
  shape="square"
  cornerRadius={12}
/>

Inverted (Shubun) Style

tsx
<SealCanvas preset="mitomein" text="山田" invert />

Ink Bleed Effect

tsx
<SealCanvas preset="tenkoku" text="雅印" bleed />

Low-Level Customization

If the built-in props are not enough, use SealRenderer with a fully custom SealTemplateConfig. See the SealRenderer documentation.

Released under the MIT License.