forked from MapComplete/MapComplete
Print: add QR-code to output
This commit is contained in:
parent
24b9f045c8
commit
c21e88415d
16 changed files with 544 additions and 185 deletions
26
src/Utils/Qr.ts
Normal file
26
src/Utils/Qr.ts
Normal file
|
@ -0,0 +1,26 @@
|
|||
import Qrcode from "qrcode-generator"
|
||||
|
||||
/**
|
||||
* Creates a QR-code as Blob
|
||||
*/
|
||||
export default class Qr {
|
||||
private _textToShow: string
|
||||
|
||||
constructor(textToShow: string) {
|
||||
this._textToShow = textToShow
|
||||
}
|
||||
|
||||
public toImageElement(totalSize: number): string {
|
||||
console.log("Creating a QR code for", this._textToShow)
|
||||
const typeNumber = 0
|
||||
const errorCorrectionLevel = "L"
|
||||
const qr = Qrcode(typeNumber, errorCorrectionLevel)
|
||||
qr.addData(this._textToShow)
|
||||
qr.make()
|
||||
const moduleCount = qr.getModuleCount()
|
||||
const img = document.createElement("img")
|
||||
const cellSize = Math.round(totalSize / moduleCount)
|
||||
console.log("Cellsize", cellSize)
|
||||
return qr.createDataURL(cellSize)
|
||||
}
|
||||
}
|
Loading…
Add table
Add a link
Reference in a new issue