[[375760]]

 簡單調用就能滿足網址掃碼預覽和分享、登錄掃碼認證等二維碼功能。

QRCanvas 能用來做什么

動態生成帶二維碼的海報是業務型產品中很常見的需求，之前分享過如何通過 html2canvas 將html+css寫出來的布局生成海報，而今天分享的 QRCanvas 則是專門滿足如何在前端生成動態二維碼的需求。

QRCanvas 功能特性

API 非常簡單，簡單到只需要一個文本參數就能生成二維碼

雖然調用簡單，但也提供了強大的定制化功能

零依賴，只需要瀏覽器支canvas，兼容性極佳

支持 vue / react 等框架以及 cdn 引入的方式在前端使用，也支持 node.js 后端調用

開發使用體驗

多年以前，前端發展并沒有像如今那么繁榮，生成二維碼海報的開發依賴于后端，幾乎是將文字和圖片像水印一樣疊加合成，極其繁瑣而且受限，生成出來的海報在視覺上往往質量很低。

而 QRCanvas 的使用非常簡單，無論是使用 vue 開發還是傳統的 cdn 引入，都能快速地集成到已有的項目中，并且提供了詳細的代碼例子，也提供了可視化的工具來調節定制化參數，不僅能調整二維碼大小、像素點的樣式和顏色，還能動態添加背景圖片、logo 等支持，這對于實現海報設計的個性化豐富非常友好，配合 html2canvas ，能夠快速開發實現動態生成美觀好看的二維碼營銷海報。

二維碼定制工具

代碼例子

當然了，QRCanvas 不僅僅是用來生成海報，也可以單獨使用，比如生成網址掃碼預覽和分享、登錄掃碼認證等功能，是一個使用簡單，功能強大的優秀開源項目，非常值得收藏使用。

免費開源使用說明

QRCanvas 的前身是 jsqrgen，基于 MIT 協議在 Github 上開源，任何人都可以免費下載安裝使用，祝大家搬磚愉快。

原文鏈接：https://www.thosefree.com/qrcanvas