From 4951e8d7204ac06be1d4f98def59a850a586f1bd Mon Sep 17 00:00:00 2001 From: KevinMidboe Date: Sat, 25 Jan 2020 14:47:31 +0100 Subject: [PATCH] Draw logo over qr code canvas. --- src/ui/Vipps.vue | 17 +++++++++++++++++ 1 file changed, 17 insertions(+) diff --git a/src/ui/Vipps.vue b/src/ui/Vipps.vue index 8361fcb..7e22b41 100644 --- a/src/ui/Vipps.vue +++ b/src/ui/Vipps.vue @@ -61,6 +61,23 @@ export default { } } ); + + this.drawLogoOverCanvas(canvas) + }, + drawLogoOverCanvas(canvas) { + const context = canvas.getContext("2d") + const centerX = canvas.width / 2 + const centerY = canvas.height / 2 + context.font = "40px Arial" + context.textAlign = "center" + context.textBaseline = "middle" + context.arc(centerX, centerY, 35, 0, 2 * Math.PI, false) + context.fillStyle = 'white' + context.fill() + context.lineWidth = 4 + context.strokeStyle = '#fe5b23' + context.stroke() + context.fillText("🍾", centerX, centerY) }, openVipps: function() { window.location.assign(