# Anas - text (s letter) in 3d image looks very b...

Channel: #contributor
Source: https://discord.com/channels/1233487248129921135/1522254422992883924
Started: 2026-07-02T14:55:37.083000+00:00
Last activity: 2026-07-03T14:18:17.793000+00:00

## Anas — 2026-07-02T14:55:36.561000+00:00

text (s letter) in 3d image looks very bad.
Attachment: Screenshot_2026-07-02_at_4.54.23_PM.png — https://community.tscircuit.com/media/1522254422283911188
Attachment: Screenshot_2026-07-02_at_4.54.30_PM.png — https://community.tscircuit.com/media/1522254422720250006

## Anas — 2026-07-02T15:49:24.753000+00:00

<@757706909351411845> 
Im not sure what we should do to show users for how to generate QR code svgs. I found this:
```tsx
import QRCode from "qrcode"

const docsQrSvg = await QRCode.toString("https://tscircuit.com", {
type: "svg"
},
})

const docsQrUrl = "data:image/svg+xml," + encodeURIComponent(docsQrSvg)

export default () => (
  <board width="32mm" height="24mm">
    <silkscreentext
      text="tscircuit.com"
      pcbX={0}
      pcbY={-8}
      fontSize="1.2mm"
      layer="top"
    />
    <silkscreengraphic
      imageUrl={docsQrUrl}
      pcbX={0}
      pcbY={1}
      width="14mm"
      height="14mm"
      layer="top"
    />
  </board>
)```

## Seve — 2026-07-02T15:50:04.952000+00:00

Yep

## Seve — 2026-07-02T15:50:10.084000+00:00

That works

## Seve — 2026-07-02T15:50:38.199000+00:00

You will need to make sure the svg server has that dep

## Anas — 2026-07-02T17:21:05.123000+00:00

I used `qrcode-svg` instead of the `QRCode` package because it produces much better QR code visualization. Since `qrcode-svg` is CommonJS and does not ship TypeScript declarations, I added a small local type in the eval module shim.

PR: https://github.com/tscircuit/svg.tscircuit.com/pull/1720

## Seve — 2026-07-02T17:29:52.881000+00:00

Awesome

## Seve — 2026-07-02T17:30:59.739000+00:00

We can publish a @tscircuit/qr-code package that exports a component directly soon imo

## Seve — 2026-07-02T17:31:12.327000+00:00

That is even better/simpler i think

## Anas — 2026-07-02T18:21:11.041000+00:00

Updated docs it now uses `qrcode-svg`
Attachment: Screenshot_2026-07-02_at_8.20.44_PM.png — https://community.tscircuit.com/media/1522306157195034764

## Seve — 2026-07-02T19:07:42.426000+00:00

amazing

## Seve — 2026-07-02T19:07:58.652000+00:00

btw the qr code stroke widths look a bit too big imo

## Seve — 2026-07-02T19:08:20.170000+00:00

i think it's interpreting the aliased strokes incorrectly

## Seve — 2026-07-02T19:08:29.975000+00:00

this is a core/image-utils rasterization issue

## Anas — 2026-07-03T12:51:35.281000+00:00

Is this ok to merge the docs PR and do the silkscreen fix later? CC: <@809856037376491570> 
https://github.com/tscircuit/docs/pull/773

## Rishabh — 2026-07-03T13:45:44.457000+00:00

<@756504518417711104> You have mentioned a package, maybe add another option something like - https://www.qrcode-monkey.com
You can paste the link which you want to convert qr code of, and then use that svg

## Anas — 2026-07-03T13:53:38.743000+00:00

Also I think I should add our qr code generator repo `@tscircuit/qr-code`

## Anas — 2026-07-03T14:13:52.644000+00:00

this ok?
Attachment: Screenshot_2026-07-03_at_4.13.40_PM.png — https://community.tscircuit.com/media/1522606308405284954

## Rishabh — 2026-07-03T14:18:17.793000+00:00

lgtm! <@757706909351411845> Is it okay to have links of other website on our docs like the qrmonkey?