一般常用到的二维码生成库,在使用的过程中,都需要设置到指定的dom元素上,
但是在 uniapp 项目中,想要像vue项目中一样,获取标签的dom元素是比较难操作的。所以在 uniapp 中生成二维码,就需要换一种思路,通过 canvas 画布,将二维码进行绘制并放置在 canvas 中进行展示。
uQRCode是一款基于Javascript环境开发的二维码生成插件,适用所有Javascript运行环境的前端应用和Node.js应用。 uQRCode可扩展性高,它支持自定义渲染二维码,可通过uQRCode API得到二维码绘制关键信息后,使用canvas、svg或js操作dom的方式绘制二维码图案。还可自定义二维码样式,如随机颜色、圆点、方块、块与块之间的间距等。
1. 安装
1.1 通过npm安装,成功后即可使用import或require进行引用。
# npm安装