文字列をQRコードのPNG画像に変換・生成

JavaScript

// QRコード画像を生成

$(function(){
  var a = $('<a>').text('Download');
  var qrcode = $('<div>');
  var input = $('<input>', {placeholder: 'text to image (QR code)'})
    .css({
      width: '98%'
    }).on('change', function(){
    var val = $(this).val();
    qrcode.empty().qrcode(val);
    var dataURL = qrcode.find('canvas')[0].toDataURL('image/png');
    a.attr({
      download: 'QR-' + encodeURIComponent(val.replace(/ /g, '-')) + '.png',
      href: dataURL,
    });
  });

  qrcode.qrcode(location.href);
  $('#demo')
    .append(input)
    .append(qrcode)
    .append(a);
});

//http://jeromeetienne.github.io/jquery-qrcode/

CSS

#demo{
  padding:20vh 0;
  text-align:center;
}
input{
  font-size:24px;
  margin:20px auto;
}