【问题标题】:jQuery QRcode does not work with canvasjQuery QRcode 不适用于画布
【发布时间】:2016-08-27 05:50:24
【问题描述】:

我正在使用这个库:https://larsjung.de/jquery-qrcode/ 在我的画布中绘制一个二维码,但它不起作用。

我的代码:

var a_canvas = document.getElementById("latoSinistro");
var context = a_canvas.getContext("2d");



context.font = "8px appMeFont";
context.textAlign="center"; 
context.fillText(dati.anagrafica[linguaInUso].prodName, 121, 93);
context.fillText(dati.anagrafica[linguaInUso].pointName, 121, 103);


$("#latoSinistro").qrcode({
    "render": 'canvas',
    "minVersion": 1,
    "maxVersion": 10,
    "ecLevel": 'M',
    "left": 121,
    "top": 130,
    "fill": '#000',
    "background": null,
    "mode": 0,
    "size": 100,
    "color": "#000000",
    "text": "www.app/cod/"+idProdotto
});

【问题讨论】:

  • 您的浏览器控制台是否出现任何错误? latoSinistro 是你的 canvas 元素的 id 吗?
  • 你的代码是working fine,你应该调整位置。您还应该检查您的 dati 对象值是否正确。
  • 我没有收到任何错误,latoSinistro 是一个画布。我认为这个位置是正确的,因为出现了 2 个文本并且 dati 值是正确的。为什么什么都看不到?
  • 我已经更新了库,现在可以使用了:D

标签: javascript jquery html html5-canvas qr-code


【解决方案1】:
  1. 确保您已在视图中声明
<div id="latoSinistro"
</div>
  1. 确保您的var idProdotto 值已分配以使二维码生成清晰

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2012-07-19
    • 1970-01-01
    • 1970-01-01
    • 2013-09-24
    • 2013-12-04
    • 2015-10-08
    相关资源
    最近更新 更多