mousheng / lowcoder_CN

🔥🔥🔥开源Retool, Tooljet和Appsmith的替代方案,码匠的开源版
GNU Affero General Public License v3.0
159 stars 47 forks source link

[Feat]:通过tc-qrcode生成base64二维码示例 #65

Closed exqmjmz closed 8 months ago

exqmjmz commented 10 months ago

这是一个通过tc-qrcode生成base64二维码,给jspdf或图片组件调用生成二维码 系统中的qrcode组件,没办法获取到对应的图片地址或base64,导致无法在别的地方引用或导出,估采取引入tc-qrcode插件生成qrcode

tc-qrcode 项目地址:https://github.com/theajack/qrcode/blob/master/README.cn.md#tc-qrcode 库安装地址:https://cdn.jsdelivr.net/npm/tc-qrcode/tc-qrcode.min.js

复制库安装地址到后台设置,高级选项中安装 image

demo:

const qrcode = window.TCQrcode.encodeAsBase64('01HG0AE0B6KJ4S4G4JSAF04CKS')
return qrcode

返回内容,返回base64图片样式 image

系统图片组件引用 image

jspdf引用 image

mousheng commented 8 months ago

好想法,但是能不引入新库就不引入新库,我在想办法原生提供dataURL的方法,canvas渲染下已经搞定了,svg我再想想办法