JavaScript Requires Chilkat v11.7.0+

Generate a QR Code as SVG

See more QR Code Examples

Demonstrates SVG output. An SVG is a vector image, so it stays sharp at any size, which suits print and responsive web pages. Setting output.format to svg and output.return to text returns the SVG document as a string in outputs[0].text. The SVG can also be written straight to a file with output.path, the same as a PNG. JavaScript

var success = false;

//  This example requires the Chilkat API to have been previously unlocked.
//  See Global Unlock Sample for sample code.

var json = new CkJsonObject();
json.UpdateString("payload.text","https://www.chilkatsoft.com/");
json.UpdateString("output.format","svg");

//  An SVG is text, so it can be returned as text rather than as base64.
json.UpdateString("output.return","text");

var fmt = new CkFormats();
var jsonOut = new CkJsonObject();
success = fmt.QrCode("generate",json,jsonOut);
if (success == false) {
    console.log(fmt.LastErrorText);
    return;
}

var sbSvg = new CkStringBuilder();
jsonOut.StringOfSb("outputs[0].text",sbSvg);

console.log("MIME type: " + jsonOut.StringOf("outputs[0].mimeType"));
console.log("size: " + jsonOut.IntOf("outputs[0].width") + " x " + jsonOut.IntOf("outputs[0].height") + " " + jsonOut.StringOf("outputs[0].units"));
console.log("SVG length: " + sbSvg.Length + " characters");

//  The SVG is a complete document that can be saved, or placed inline in an HTML page.
success = sbSvg.WriteFile("qa_output/qr_chilkat.svg","utf-8",false);
if (success == false) {
    console.log(sbSvg.LastErrorText);
    return;
}

//  The SVG:

//  

//  Sample output:

//  MIME type: image/svg+xml
//  size: 148 x 148 px
//  SVG length: 12500 characters