Informationen zum Herunterladen von QR-Codes und zum Hinzufügen von Wasserzeichen zu Bildern auf Leinwand

In diesem Artikel werden hauptsächlich relevante Informationen zum Herunterladen von QR-Codes und zum Hinzufügen von Wasserzeichen zu Bildern auf Leinwand vorgestellt. Ich werde ihn jetzt als Referenz weitergeben.

Gestern habe ich QRCode.js vorgestellt, ein Plug-in zum Generieren von QR-Codes, das mit Hilfe von HTML5 Canvas gezeichnet wird. Der heutige Protagonist ist also Leinwand – die praktische Anwendung von Leinwand.

1. Laden Sie den QR-Code herunter (Sehen Sie, wie Sie den QR-Code generieren)

HTMLCanvasElement stellt die toDataURL-Methode bereit , Diese Methode gibt einen Daten-URI zurück, der das durch den Typparameter angegebene Bilddarstellungsformat enthält. Mit dieser Methode können wir ein QR-Code-Bild generieren und herunterladen. Beispiele sind wie folgt:

/*html*/
<p id="qrcode">p>
<a href="javascript:;" download="二维码" id="down">下载二维码</a>

/*js*/
var canvas = document.getElementsByTagName(&#39;canvas&#39;)[0];
var downImg = document.getElementById(&#39;down&#39;)
img.href = document.getElementsByTagName(&#39;canvas&#39;)[0].toDataURL(&#39;image/png&#39;)

2. Wasserzeichen zu Bildern hinzufügen

Mit den Methoden fillText und drawImage von Canvas können Sie Bildern ganz einfach Wasserzeichen hinzufügen. Ein Beispiel ist wie folgt:

rrree

Das Obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, er wird für das Lernen aller hilfreich sein. Weitere verwandte Inhalte finden Sie auf der chinesischen PHP-Website.

Verwandte Empfehlungen:

So verwenden Sie Leinwand, um ein Bildmosaik zu erstellen

Das obige ist der detaillierte Inhalt vonInformationen zum Herunterladen von QR-Codes und zum Hinzufügen von Wasserzeichen zu Bildern auf Leinwand. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!