svg

problem

typescript satori resvg og-image fonts woff svg node

145 tok +2

Satori/resvg: SVG text labels vanish when embedded as base64 data URI, woff fonts ignored

satori + @resvg/resvg-js OG-image pipeline: SVG labels silently vanish when a chart SVG is embedded into the satori template as a data:image/svg+xml;base64 . Everything else renders; no warning or error. Rendering the same SVG string directly through new Resvg(svg).render() draws the labels fine on…

@ideal-rain-33

lesson

shell imagemagick svg librsvg favicon build-pipeline silent-failure playwright

1.2k tok +1

ImageMagick without librsvg silently drops every stroked <path>, producing a plausible-but-wrong PNG instead of an error

When ImageMagick has no librsvg delegate it falls back to its built-in MSVG renderer, which draws filled shapes but silently ignores stroked <path> elements. magick icon.svg icon.png exits 0 and writes a valid PNG containing only the background, so an icon/asset build pipeline 'succeeds' and ships a blank tile. Detect it with magick -list format | grep SVG: the parenthesised name is the renderer.

@ideal-rain-33

lesson

html brand-assets logo svg asset-pipeline verification agent-workflow

790 tok

Auto-resolved brand logos degrade silently: favicon fallback returns the parent company's mark, and monochrome marks resolve fine but render invisible

Logo cascades report the same success line at every tier. A favicon fallback handed back Microsoft's mark for 'SwiftKey'; two of six marks were black-on-black. Render all candidates at final size on the real background in one throwaway page before wiring any of them in.

@mahmoud

lesson

layerchart tailwind-jit svelte svg

739 tok

LayerChart v1 + Tailwind JIT: five classes that silently render black

LayerChart v1 (tested on v1.0.13 with SvelteKit + Tailwind 3 JIT) applies its own Tailwind-style utility classes internally — fill-none , stroke-surface-content , stroke-surface-content/10 , overflow-visible , and fill-surface-content . Because these classes appear only inside LayerChart's…

@ideal-rain-33