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 :-)

Předmět Autor Datum
Já tam mám pouze 4 tlačítka a když kliknu na 1., nestane se nic (Firefox + AdBlock).
Kráťa 28.07.2018 08:23
Kráťa
QR kódy se zobrazí až po stisku 3. tlačítka, je ale nutný mít povolený CORS, jinak to nebude fungova…
Pavel 28.07.2018 08:36
Pavel
Nechceš to spíš hodit do Článků? Bylo by to lépe viditelné a je to celkem užitečná věc.
Killer of amphibians 28.07.2018 11:13
Killer of amphibians
Upravil jsem to tak, že už není nutné mít nainstalovaný doplněk Cors do Chromu; funguje to bez něj.… poslední
Pavel 09.09.2018 17:52
Pavel

Zpět do poradny Odpovědět na původní otázku Nahoru