canvas教程

HTML我帮您源码站

字号+ 作者:H5之家 来源:H5之家 2016-12-13 13:01 我要评论( )

javaScript 二维码生成工具Qrcanvas,仅依赖 canvas,支持几乎所有的现代浏览器,可定制性强,可以定制出有个性的二维码。

新版 JavaScript 二维码生成工具(原来的 jsqrgen)。

javaScript 二维码生成工具Qrcanvas

Installation $ npm i qrcanvas Use in browser <div></div> <script src="dist/qrcanvas.js"></script> var canvas = qrcanvas({ data: 'hello, world' }); document.getElementById('qrcode').appendChild(canvas); Use in Node.js const fs = require('fs'); const qrcanvas = require('qrcanvas'); const canvas = qrcanvas({ data: 'hello, world' }); canvas.pngStream().pipe(fs.createWriteStream('qrcode.png'));

新版亮点:

  • 仅依赖 canvas,支持几乎所有的现代浏览器。

  • 使用简单,除数据外,所有配置可选。

  • 可定制性强,可以定制出有个性的二维码。

  • 同时支持浏览器和 Node.js(依赖 node-canvas)。

  • 可方便地在 React 或者 Vue.js 中使用。

  • 相关链接

    源码下载在线演示

     

    1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

    相关文章
    网友点评
    a