Customization
SealCanvas exposes most visual properties so you can override preset defaults without building a custom template.
Common Properties
| Prop | Type | Description |
|---|---|---|
text | string | string[] | Seal text. String renders vertically by character; array renders rows. |
color | string | Seal ink color. |
size | number | { width, height } | Canvas size. Number means square. |
shape | "circle" | "square" | Outer shape. |
border | "single" | "double" | "none" | Border style. |
borderThickness | number | Border line thickness. |
cornerRadius | number | Corner radius for square seals. |
fontFamily | string | Registered font family name. |
textDirection | "horizontal" | "vertical" | Text flow direction. |
invert | boolean | White text on colored background (shubun effect). |
bleed | boolean | Adds an ink-bleed texture effect. |
previewScale | number | Scales 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.