MSV FM

dot.antimicrobial@66.96.161.157: ~ $
Path : /hermes/sb_web/b1536/advancedfunctions.co/windsorofblms/
File Upload :
Current < : /hermes/sb_web/b1536/advancedfunctions.co/windsorofblms/certificateQRCode.js

/** Include the following 
source: https://goqr.me/api/doc/create-qr-code/
<head>
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
</head>


<div>
<svg id="svgCanvas" width="198" height="198" ></svg>
<svg id="svgCanvas2" width="198" height="198" ></svg>
<img src="" width="0" height="0" id="qrImage" >
        <canvas id="canvasId" width="198" height="198" ></canvas> 
</div>
**/
var certificateNumber=window.location.href.substring(window.location.href.indexOf('?')+1,window.location.href.length);
if(window.location.href.indexOf('?')>-1){
//console.log(certificateNumber);
}
certificateNumber=certificateNumber.substring(0,certificateNumber.indexOf('-'));
var qrWidth=198;
var qrHeight=198;
var hiddenCanvas=document.createElement("canvas");
var hiddenCanvasContext=hiddenCanvas.getContext("2d");
hiddenCanvas.width=qrWidth;
hiddenCanvas.height=qrHeight;
var ns="http://www.w3.org/2000/svg";
var svgCanvas=document.getElementById("svgCanvas");
var svgCanvas2=document.getElementById("svgCanvas2");
var bodyWidth=200;
var bodyHeight=200;
var xUnit=bodyWidth/11;
var yUnit=bodyWidth/17;
var canvasContext=document.getElementById("canvasId").getContext('2d');
var qrImage=document.getElementById("qrImage");

var increment=0;
var string="";
var info="";
var qrCode="advancedfunctions.co/?901";
var firstName="";
var lastName="";
var credentials="";

var textToDraw="";
var textWidth=200;
var textFont=0;
var i=0;
var j=0;
var qrPositionX=0;
var qrPositionY=0;


function run(){
string="https://api.qrserver.com/v1/create-qr-code/?margin=0&size="+qrWidth+"x"+qrHeight+"&data="+"https://advancedfunctions.co/lms/certificates.html?"+certificateNumber;
qrImage.src=string;
qrImage.crossOrigin="anonymous";
setTimeout(function(){drawQrPicture();},1000);
}




function drawQrPicture(){

hiddenCanvasContext.drawImage(qrImage,0,0);

var qrFrame="";
var numberOfPixels="";
qrFrame = hiddenCanvasContext.getImageData(0, 0, qrWidth, qrHeight);
                numberOfPixels = qrFrame.data.length / 4;
var pixelCount=0;

var placementMarkers=document.createElementNS(ns,"circle");
let mm='';

   for (var i = 0; i < numberOfPixels; i++) {
if(qrFrame.data[i*4]>128){break;}

pixelCount++;
}
pixelCount=198/33;
var count=0;
var x=0;
var y=0;
for (var i = 0; i < numberOfPixels; i++) {
if(qrFrame.data[i*(4*pixelCount)]<128){

if(!((x<7&&y<7)||(x>25&&y<7)||(x<7&&y>25))&&x<34){
var dots=document.createElementNS(ns,"circle");
dots.setAttributeNS(null,"cx",x*pixelCount+pixelCount/2+qrPositionX);
dots.setAttributeNS(null,"cy",y*pixelCount+pixelCount/2+qrPositionY);
dots.setAttributeNS(null,"r",pixelCount/2);
svgCanvas.appendChild(dots);
}
}
count++;
x=(count%qrWidth);
y=parseInt(count/qrWidth);
canvasContext.drawImage(qrImage, 0, 0,200,200);
}


var qrLocation=document.createElementNS(ns,"circle");
qrLocation.setAttributeNS(null,"cx",3*pixelCount+pixelCount/2+qrPositionX);
qrLocation.setAttributeNS(null,"cy",3*pixelCount+pixelCount/2+qrPositionY);
qrLocation.setAttributeNS(null,"r",3*pixelCount);
qrLocation.setAttributeNS(null,"stroke-width",pixelCount);
qrLocation.setAttributeNS(null,"fill","white");
qrLocation.setAttributeNS(null,"stroke","black");
svgCanvas.appendChild(qrLocation);


var qrLocation=document.createElementNS(ns,"circle");
qrLocation.setAttributeNS(null,"cx",3*pixelCount+pixelCount/2+qrPositionX);
qrLocation.setAttributeNS(null,"cy",3*pixelCount+pixelCount/2+qrPositionY);
qrLocation.setAttributeNS(null,"r",1*pixelCount+pixelCount/2);
svgCanvas.appendChild(qrLocation);

var qrLocation=document.createElementNS(ns,"circle");
qrLocation.setAttributeNS(null,"cx",3*pixelCount+pixelCount/2+26*pixelCount+qrPositionX);
qrLocation.setAttributeNS(null,"cy",3*pixelCount+pixelCount/2+qrPositionY);
qrLocation.setAttributeNS(null,"r",3*pixelCount);
qrLocation.setAttributeNS(null,"stroke-width",pixelCount);
qrLocation.setAttributeNS(null,"fill","white");
qrLocation.setAttributeNS(null,"stroke","black");
svgCanvas.appendChild(qrLocation);

var qrLocation=document.createElementNS(ns,"circle");
qrLocation.setAttributeNS(null,"cx",3*pixelCount+pixelCount/2+26*pixelCount+qrPositionX);
qrLocation.setAttributeNS(null,"cy",3*pixelCount+pixelCount/2+qrPositionY);
qrLocation.setAttributeNS(null,"r",1*pixelCount+pixelCount/2);
svgCanvas.appendChild(qrLocation);

var qrLocation=document.createElementNS(ns,"circle");
qrLocation.setAttributeNS(null,"cx",3*pixelCount+pixelCount/2+qrPositionX);
qrLocation.setAttributeNS(null,"cy",3*pixelCount+pixelCount/2+26*pixelCount+qrPositionY);
qrLocation.setAttributeNS(null,"r",3*pixelCount);
qrLocation.setAttributeNS(null,"stroke-width",pixelCount);
qrLocation.setAttributeNS(null,"fill","white");
qrLocation.setAttributeNS(null,"stroke","black");
svgCanvas.appendChild(qrLocation);

var qrLocation=document.createElementNS(ns,"circle");
qrLocation.setAttributeNS(null,"cx",3*pixelCount+pixelCount/2+qrPositionX);
qrLocation.setAttributeNS(null,"cy",3*pixelCount+pixelCount/2+26*pixelCount+qrPositionY);
qrLocation.setAttributeNS(null,"r",1*pixelCount+pixelCount/2);
svgCanvas.appendChild(qrLocation);

}