Přidat otázku mezi oblíbenéZasílat nové odpovědi e-mailem QR kód s viditelným textem (hotové řešení)

Tohle není dotaz, ale rovnou řešení.

Problém:
Potřeboval jsem vygenerovat desítky malých QR kódů s viditelným textem. Nenašel jsem žádný generátor, který by přes API uměl nejen samotný QR (těch je plno), ale i QR s viditelným textem.

Řešení:
Trvalo mi to dlouho, ale nakonec jsem to vyřešil následovně (vše co popisuju dál je malá webová aplikace, tj. HTML + JS).

Používám API na vygenerování vlastního QR kódu - tím získám zdrojový kód SVG (zatím neobsahuje text, který potřebuju do QR kódu dostat a zobrazit). Ten si uložím do proměnné a přidám skoro na konec zdrojáku SVG prázdný bílý obdélník a do něj text (ten, co chci zobrazit). Pak ten zdroják převedu do Base64 kódování a vytvořím obrázek img a jako atribut src použiju ten zakódovanej (base64) zdroják SVG.

Jak vypadá výsledek - 20 vygenerovaných QR kódů s textem - je možno shlédnout zde. Je to na webu repl.it a spouští se to DOST pomalu. Pak jen stačí postupně použít tlačítka 1., 2., 3. a QR kódy jsou na světě. Pro snadnější kopírování QR kódů do textového dokumentu je možné tlačítkem (4.) všechny tlačítka skrýt.

Pozor, v prohlížeči Chrome je nutné mít povoleno CORS (já mám rozšíření CORS Toggle), jinak stránka nebude funkční.

No, dalo mi to dost práce :-)

Odpověď na otázku

1 Zadajte svou přezdívku:
2 Napište svou odpověď:
3 Pokud chcete dostat ban, zadejte libovolný text:

Zpět do poradny