New version 3.6.0 realese

1. add `tootip` option to control whether show image title
2. add `resize(width, height)` method
3. add `onRenderingEnd` event option, can get Base64 data when rendering end.

Author: ushelp

demo/demo.html

@@ -535,7 +535,11 @@
 						correctLevel: QRCode.CorrectLevel.H, // L, M, Q, H
 
 
-						dotScale: 0.5
+						dotScale: 0.5,
+						
+						onRenderingEnd:function(options, dataURL){
+							console.info(dataURL);
+						}
 					}
 
 				}

demo/demo_AMD.html

@@ -545,7 +545,11 @@
 							correctLevel: QRCode.CorrectLevel.H, // L, M, Q, H
 
 
-							dotScale: 0.5
+							dotScale: 0.5,
+						
+							onRenderingEnd:function(options, dataURL){
+								console.info(dataURL);
+							}
 						}
 
 					}

dist/easy.qrcode.min.js

@@ -1,6 +1,6 @@
 {
 	"name": "easyqrcodejs",
-	"version": "3.5.4",
+	"version": "3.6.0",
 	"description": "A feature-rich cross-browser QRCode generator for pure javascript. Support Dot style, Logo, Background image, Colorful, Title, etc. Support Angular, Vue.js, React framework.(Running with DOM on client side)",
 	"main": "dist/easy.qrcode.min.js",
 	"scripts": {},

package.json

@@ -250,12 +250,18 @@ var qrcode = new QRCode(DOM_object, options_object);
 			// ===== Event Handler
 			/*
 			onRenderingStart: undefined,
+			onRenderingEnd: undefined,
 			*/
 		   
 			// ===== Versions
 			/*
-			version: 0 // The symbol versions of QR Code range from Version 1 to Version 40. default 0 means automatically choose the closest version based on the text length.
-			*/           
+			version: 0, // The symbol versions of QR Code range from Version 1 to Version 40. default 0 means automatically choose the closest version based on the text length.
+			*/        
+		   
+			// ===== Tooltip
+			/*
+		   tooltip: false // Whether set the QRCode Text as the title attribute value of the QRCode div
+			*/ 
 	}
 	```
 
@@ -265,8 +271,8 @@ var qrcode = new QRCode(DOM_object, options_object);
 	| **text** | Y | String |`''` |  Text |   |
 	| **width** | N | Number | `256` |  Width |    |
 	| **height** | N | Number | `256` |  Height |    |
-	| **colorDark** | N | String | `#000000` | Dark CSS color |    |
-	| **colorLight** | N | String | `#ffffff` | Light CSS color |    |
+	| **colorDark** | N | String | `#000000` | Dark CSS color, `transparent`|    |
+	| **colorLight** | N | String | `#ffffff` | Light CSS color, `transparent` |    |
 	| **correctLevel** | N | Enum | `QRCode.CorrectLevel.H` | `QRCode.CorrectLevel.H`<br/>`QRCode.CorrectLevel.Q` <br/> `QRCode.CorrectLevel.M` <br/> `QRCode.CorrectLevel.L`|  &nbsp; |
 	| **dotScale** | N | Number | `1.0` |Dot style required Patterns. Ranges: `0-1.0` | &nbsp; |
 	| Quiet Zone| --- | ---|---|---|---|
@@ -311,10 +317,12 @@ var qrcode = new QRCode(DOM_object, options_object);
 	| **subTitleColor** | N | String | `#4F4F4F` | CSS color |  &nbsp; |
 	| **subTitleTop** | N | Number | `0` | draws y coordinates. default is 0|  &nbsp; |
 	| Event Handler options| --- | ---|---|---|---|
-	| **onRenderingStart(qrCodeOptions)** | N | Function | `undefined` | Callback function when rendering start work. can use to hide loading state or handling.  |  &nbsp; |
+	| **onRenderingStart(qrCodeOptions)** | N | Function | `undefined` | Callback function when the rendering start. can use to hide loading state or handling.  |  &nbsp; |
+	| **onRenderingEnd(qrCodeOptions, base64DataURL)** | N | Function | `undefined` | Callback function when the rendering ends. `base64DataURL` parameter is the base64 data of QRCode image(if not support canvas return `null`).   |  &nbsp; |
 	| Version options| --- | ---|---|---|
     | **version** | N | Number | `0` | The symbol versions of QR Code range from Version `1` to Version `40`. default 0 means automatically choose the closest version based on the text length. [Information capacity and versions of QR Codes](https://www.qrcode.com/en/about/version.html)  **NOTE**: If you set a value less than the minimum version available for text, the minimum version is automatically used. |  &nbsp; |
-
+	| Tooltip options| --- | ---|---|---|
+    | **tooltip** | N | Boolean | `false` | Whether set the QRCode Text as the title attribute value of the QRCode div. |  &nbsp; |
 
 
 
@@ -333,7 +341,12 @@ var qrcode = new QRCode(DOM_object, options_object);
 	qrcode.makeCode("https://github.com/ushelp/EasyQRCodeJS"); // make another code text.
 	```
 
-    
+- resize(widht, height)
+
+	```JS
+	qrcode.resize(480, 480); // Resize the image 
+	```
+        
 
 ## Angular Support
 

readme.md

@@ -1277,6 +1277,9 @@
 			if (nLeftMarginTable > 0 && nTopMarginTable > 0) {
 				elTable.style.margin = nTopMarginTable + "px " + nLeftMarginTable + "px";
 			}
+			if(this._htOption.onRenderingEnd){
+				this._htOption.onRenderingEnd(this._htOption, null);
+			}
 		};
 
 		/**
@@ -1290,9 +1293,23 @@
 	})() : (function() { // Drawing in Canvas
 		function _onMakeImage() {
 			// this._elImage.crossOrigin='Anonymous';
-			this._elImage.src = this._elCanvas.toDataURL("image/png");
-			this._elImage.style.display = "inline";
-			this._elCanvas.style.display = "none";
+			try{
+				var dataURL=this._elCanvas.toDataURL("image/png");
+				this._elImage.src =dataURL
+				this.dataURL=dataURL;
+				this._elImage.style.display = "inline";
+				this._elCanvas.style.display = "none";
+			}catch(e){
+				console.error(e)
+			}
+			
+			if(this._htOption.onRenderingEnd){
+				if(!this.dataURL){
+					console.error("Can not get base64 data, please check: 1. published the page and image to the server 2. The image request support CORS")
+				}
+				this._htOption.onRenderingEnd(this._htOption, this.dataURL);
+			}
+			
 		}
 
 		// Android 2.1 bug workaround
@@ -1384,6 +1401,7 @@
 			this._el.appendChild(this._elImage);
 
 			this._bSupportDataURI = null;
+			this.dataURL=null;
 		};
 
 		/**
@@ -1622,8 +1640,6 @@
 
 				}
 
-
-
 			}
 
 		};
@@ -1635,8 +1651,6 @@
 			if (this._bIsPainted) {
 				_safeSetDataURI.call(this, _onMakeImage);
 			}
-			
-			console.info(this._elCanvas.toDataURL())
 		};
 
 		/**
@@ -1662,8 +1676,6 @@
 			this._el.innerHTML = '';
 		};
 
-
-
 		/**
 		 * @private
 		 * @param {Number} nNumber
@@ -1740,31 +1752,7 @@
 		return replacedText.length + (replacedText.length != sText ? 3 : 0);
 	}
 
-	/**
-	 * @class QRCode
-	 * @constructor
-	 * @example 
-	 * new QRCode(document.getElementById("test"), "QRCode");
-	 *
-	 * @example
-	 * var oQRCode = new QRCode("test", {
-	 *    text : "QRCode",
-	 *    width : 128,
-	 *    height : 128
-	 * });
-	 * 
-	 * oQRCode.clear(); // Clear the QRCode.
-	 * oQRCode.makeCode("QRCode"); // Re-create the QRCode.
-	 *
-	 * @param {HTMLElement|String} el target element or 'id' attribute of element.
-	 * @param {Object|String} vOption
-	 * @param {String} vOption.text QRCode link data
-	 * @param {Number} [vOption.width=256]
-	 * @param {Number} [vOption.height=256]
-	 * @param {String} [vOption.colorDark="#000000"]
-	 * @param {String} [vOption.colorLight="#ffffff"]
-	 * @param {QRCode.CorrectLevel} [vOption.correctLevel=QRCode.CorrectLevel.H] [L|M|Q|H] 
-	 */
+
 	QRCode = function(el, vOption) {
 		this._htOption = {
 			width: 256,
@@ -1823,10 +1811,13 @@
 
 			// ==== Event Handler
 			onRenderingStart: undefined,
+			onRenderingEnd: undefined,
 
             // ==== Versions
-            version: 0 // The symbol versions of QR Code range from Version 1 to Version 40. default 0 means automatically choose the closest version based on the text length.
-
+            version: 0, // The symbol versions of QR Code range from Version 1 to Version 40. default 0 means automatically choose the closest version based on the text length.
+			
+			// ==== Tooltip
+			tooltip: false // Whether set the QRCode Text as the title attribute value of the image
 		};
 
 		if (typeof vOption === 'string') {
@@ -1883,11 +1874,13 @@
 	 * @param {String} sText link data
 	 */
 	QRCode.prototype.makeCode = function(sText) {
-
+	
 		this._oQRCode = new QRCodeModel(_getTypeNumber(sText, this._htOption), this._htOption.correctLevel);
 		this._oQRCode.addData(sText);
 		this._oQRCode.make();
-		this._el.title = sText;
+		if(this._htOption.tooltip){
+			this._el.title = sText;
+		}
 		this._oDrawing.draw(this._oQRCode);
 		//		this.makeImage();
 	};
@@ -1911,6 +1904,17 @@
 	QRCode.prototype.clear = function() {
 		this._oDrawing.remove();
 	};
+	
+	/**
+	 * Resize the QRCode
+	 */
+	QRCode.prototype.resize = function(width, height) {
+		this._htOption.width=width;
+		this._htOption.height=height;
+
+		this._oDrawing.draw(this._oQRCode);
+	};
+	
 
 
 	/**