This is a browser-based SVG generator for negative stamp pads. It produces two laser-friendly layers:
engrave-black: a filled black pad area with the text converted to vector outlines and knocked out usingevenoddfill.cut-red: a red hairline rectangle for the normal pad cut outline.
The app uses opentype.js in the browser to load a bold font from a CDN and convert the text into path outlines. Because the text is outlined before export, the resulting SVG does not depend on the target machine having the font installed.
- index.html: Page shell and UI markup.
- styles.css: Layout, panels, controls, and preview styling.
- app.js: Font loading, outline generation, SVG assembly, preview updates, and download logic.
- The user enters stamp text, pad size, bleed, tracking, and font choice.
- The selected font is fetched from the CDN and loaded into opentype.js.
- Each glyph is converted into outline paths.
- The text is centered and combined with the pad rectangle into a single SVG.
- The preview updates immediately, and the SVG can be downloaded as a file.
Auto font sizing uses a binary search to fit the outlined text within 80% of the pad area.
Open index.html in a browser. A local web server is fine too, but not required for the page itself.
- The page needs internet access the first time it loads the font files from the CDN.
- If the font cannot load, the status panel will show an error and the export button stays disabled.
- The preview and export use the same SVG generation path, so what you see is what gets downloaded.
