JavaScript Requires Chilkat v11.7.0+

Fit a QR Code within a Maximum Size

See more QR Code Examples

Demonstrates limiting the size of the image. render.maxWidth and render.maxHeight are the largest image allowed. With render.sizing set to shrinkToFit, QrCode starts from the module size asked for and reduces it, a whole pixel at a time, until the image fits, but never below render.minModuleSize. If it cannot fit, the call fails with noFit rather than returning a code too small to scan. 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/barcode_overview.asp");

//  Ask for 10-pixel modules, but accept anything down to 3 pixels to stay within 300 x 300.
json.UpdateInt("render.moduleSize",10);
json.UpdateString("render.sizing","shrinkToFit");
json.UpdateInt("render.minModuleSize",3);
json.UpdateInt("render.maxWidth",300);
json.UpdateInt("render.maxHeight",300);

json.UpdateString("output.path","qa_output/qr_fit_300.png");
json.UpdateBool("output.overwrite",true);
json.UpdateString("output.return","none");

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

console.log("module asked for: " + jsonOut.StringOf("measurements[0].requestedPitch") + " pixels");
console.log("module used: " + jsonOut.IntOf("measurements[0].pitch") + " pixels");
console.log("image: " + jsonOut.IntOf("measurements[0].canvasWidth") + " x " + jsonOut.IntOf("measurements[0].canvasHeight") + " pixels");

//  The image written to qa_output/qr_fit_300.png:

//  

//  The same code cannot fit in 100 x 100 with modules of at least 3 pixels.
json.UpdateInt("render.maxWidth",100);
json.UpdateInt("render.maxHeight",100);
success = fmt.QrCode("generate",json,jsonOut);
if (success == false) {
    console.log("100 x 100: " + jsonOut.StringOf("errors[0].code") + " (" + jsonOut.StringOf("errors[0].message") + ")");
}

//  Sample output:

//  module asked for: 10 pixels
//  module used: 7 pixels
//  image: 287 x 287 pixels
//  100 x 100: noFit (the symbol does not fit the render constraints: minModuleSize)