mirror of
https://github.com/Merricx/qrazybox.git
synced 2025-04-19 17:49:04 +02:00
add quiet zone to canvas image ( decode section )
normal decode will work for v40
This commit is contained in:
parent
42cfcdcb49
commit
8766a6b880
1 changed files with 22 additions and 9 deletions
33
js/main.js
33
js/main.js
|
@ -300,17 +300,30 @@ function getInfoBits(){
|
||||||
***/
|
***/
|
||||||
function generateResult(){
|
function generateResult(){
|
||||||
|
|
||||||
var c = document.getElementById("qr-result");
|
var c = document.getElementById("qr-result");
|
||||||
var size = 17+(qr_version*4);
|
var size = 17+(qr_version*4);
|
||||||
c.width = qr_pixel_size*size;
|
var ctx = c.getContext("2d");
|
||||||
c.height = qr_pixel_size*size;
|
|
||||||
var ctx = c.getContext("2d");
|
c.width = qr_pixel_size*size;
|
||||||
ctx.fillStyle = "#000";
|
c.height = qr_pixel_size*size;
|
||||||
|
|
||||||
|
// add quiet zone border and white fill
|
||||||
|
c.width += (qr_pixel_size*4) * 2;
|
||||||
|
c.height += (qr_pixel_size*4) * 2;
|
||||||
|
ctx.fillStyle = "#fff";
|
||||||
|
ctx.fillRect(0,0,c.width,c.height);
|
||||||
|
|
||||||
|
ctx.fillStyle = "#000";
|
||||||
|
|
||||||
|
for(var i=0; i < qr_array.length; i++){
|
||||||
|
for(var j=0; j < qr_array[i].length; j++){
|
||||||
|
var x = qr_pixel_size*j;
|
||||||
|
var y = qr_pixel_size*i;
|
||||||
|
|
||||||
|
//shift due to quiet zone
|
||||||
|
x += qr_pixel_size*4;
|
||||||
|
y += qr_pixel_size*4;
|
||||||
|
|
||||||
for(var i=0; i < qr_array.length; i++){
|
|
||||||
for(var j=0; j < qr_array[i].length; j++){
|
|
||||||
var x = qr_pixel_size*j;
|
|
||||||
var y = qr_pixel_size*i;
|
|
||||||
if(qr_array[i][j] == 1){
|
if(qr_array[i][j] == 1){
|
||||||
ctx.fillStyle = "#000";
|
ctx.fillStyle = "#000";
|
||||||
ctx.fillRect(x,y,qr_pixel_size,qr_pixel_size);
|
ctx.fillRect(x,y,qr_pixel_size,qr_pixel_size);
|
||||||
|
|
Loading…
Add table
Reference in a new issue