Sfoglia il codice sorgente

对右键菜单中的各个功能进行升级

1、支持选中文字后直接通过右键进入Fehelper
2、升级二维码功能,支持图标设置
Alien 10 anni fa
parent
commit
fbbada8c35

+ 1 - 1
chrome/manifest.json

@@ -1,6 +1,6 @@
 {
     "name": "WEB前端助手(FeHelper)",
-    "version": "6.1",
+    "version": "6.2",
     "manifest_version": 2,
 
     "default_locale": "zh_CN",

+ 1 - 1
chrome/online.manifest.json

@@ -1,6 +1,6 @@
 {
     "name": "WEB前端助手(FeHelper)",
-    "version": "6.1",
+    "version": "6.2",
     "manifest_version": 2,
 
     "default_locale": "zh_CN",

+ 5 - 0
chrome/static/css/fe-jsonformat.css

@@ -141,3 +141,8 @@ html body {
     outline:1px solid #6ac;
     background: #f9f9f9;
 }
+#errorMsg {
+    margin-top: 10px;
+    float: left;
+    color: #f00;
+}

+ 11 - 7
chrome/static/css/fe-qrcode.css

@@ -12,12 +12,8 @@ html {
     font-size: 12px;
 }
 
-#tab0_url{
-    width: 350px;
-    height: 50px;
-}
 #tab1_text {
-    width:350px;
+    width:700px;
     height:80px;
 }
 #confirm_button {
@@ -33,7 +29,7 @@ label {
     display: inline-block;
 }
 #tabs-5 input {
-    width: 300px;
+    width: 500px;
 }
 
 #fieldset_qr {
@@ -54,10 +50,18 @@ legend {
     color: #b00;
 }
 textarea {
-    width: 350px;
+    width: 600px;
     height: 50px;
 }
 canvas {
     border: 1px solid #ddd;
     padding: 10px;
+}
+.x-logo {
+    position: absolute;
+    left: -10000px;
+    top:-10000px;
+}
+#opt_fc {
+    width:56px;
 }

+ 40 - 25
chrome/static/js/codebeautify/codebeautify.js

@@ -2,7 +2,7 @@
  * 代码格式化
  * @author 赵先烈
  */
-var CodeBeautify = (function(){
+var CodeBeautify = (function () {
 
     var opts = {
         brace_style: "collapse",
@@ -20,36 +20,51 @@ var CodeBeautify = (function(){
 
     var codeType = 'Javascript';
 
-    var bindEvent = function(){
-        $('input[name="codeType"]').click(function(e){
+    var _format = function () {
+        if (codeType == 'Javascript') {
+            var js = js_beautify($('#codeSource').val(), opts);
+            js = js.replace(/>/g, '&gt;').replace(/</g, '&lt;');
+            js = '<pre class="brush: js;toolbar:false;">' + js + '</pre>';
+            $('#jfContent').html(js);
+        } else if (codeType == 'CSS') {
+            var css = css_beautify($('#codeSource').val());
+            css = '<pre class="brush: css;toolbar:true;">' + css + '</pre>';
+            $('#jfContent').html(css);
+        } else if (codeType == 'HTML') {
+            var html = html_beautify($('#codeSource').val());
+            html = '<pre class="brush: html;toolbar:false;">' + html + '</pre>';
+            $('#jfContent').html(html);
+        }
+
+        // 代码高亮
+        SyntaxHighlighter.defaults['toolbar'] = false;
+        SyntaxHighlighter.highlight();
+    };
+
+    var bindEvent = function () {
+        $('input[name="codeType"]').click(function (e) {
             codeType = this.value;
             $('#codeTitle').html(this.value);
         });
 
-        $('#btnFormat').click(function(e){
-            if(codeType == 'Javascript') {
-                var js = js_beautify($('#codeSource').val(),opts);
-                js =  js.replace(/>/g,'&gt;').replace(/</g,'&lt;');
-                js = '<pre class="brush: js;toolbar:false;">' + js + '</pre>';
-                $('#jfContent').html(js);
-            }else if(codeType == 'CSS') {
-                var css = css_beautify($('#codeSource').val());
-                css = '<pre class="brush: css;toolbar:true;">' + css + '</pre>';
-                $('#jfContent').html(css);
-            }else if(codeType == 'HTML') {
-                var html = html_beautify($('#codeSource').val());
-                html = '<pre class="brush: html;toolbar:false;">' + html + '</pre>';
-                $('#jfContent').html(html);
-            }
-
-            // 代码高亮
-            SyntaxHighlighter.defaults['toolbar'] = false;
-            SyntaxHighlighter.highlight();
+        $('#btnFormat').click(function (e) {
+            _format();
         });
     };
 
-    var init = function(){
-        $(function(){
+    var init = function () {
+        // 在tab创建或者更新时候,监听事件,看看是否有参数传递过来
+        chrome.runtime.onMessage.addListener(function (request, sender, callback) {
+            console.log(request);
+            if (request.type == MSG_TYPE.TAB_CREATED_OR_UPDATED && request.event == 'codebeautify') {
+                if (request.content) {
+                    document.getElementById('codeSource').value = (request.content);
+                    _format();
+                }
+            }
+        });
+
+        $(function () {
             //输入框聚焦
             jQuery("#codeSource").focus();
             bindEvent();
@@ -57,7 +72,7 @@ var CodeBeautify = (function(){
     };
 
     return {
-        init : init
+        init: init
     };
 })();
 

+ 4 - 86
chrome/static/js/core/fe-const.js

@@ -61,6 +61,8 @@ const MSG_TYPE = {
 
     FROM_POPUP : 'from_popup_action',
 
+    TAB_CREATED_OR_UPDATED: 'tab_created_or_updated',
+
     ////////////////////如下是popup中的menu,value和filename相同///////////////////
     REGEXP_TOOL : 'regexp',
     //字符串编解码
@@ -218,7 +220,7 @@ const HTML_DEPRECATED_TAGS = {
     u: "定义下划线文本",
     xmp: "定义预格式文本",
     layer: "定义层"
-}
+};
 
 /**
  * 过时的HTML属性,HTML5已经不再支持
@@ -319,88 +321,4 @@ const SELF_CLOSING_TAGS = [
 	'meta','link','area','base',
 	'col','input','img','br',
 	'hr','param','embed'
-];
-
-/**
- * 限定HTML嵌套的最大深度为30
- * @type Number
- */
-const HTML_DOM_MAX_DEPTH = 30;
-
-/**
- * 统计项
- */
-const LOG = {
-	//选项页面:【打开】
-	options_page_opened			:	"m_20111124_options_page_opened",
-	//选项页面:【保存】
-	options_page_btnsave		:	"m_20111124_options_page_btnsave",
-	//选项页面:【关闭】
-	options_page_btnclose		:	"m_20111124_options_page_btnclose",
-	
-	//popup页面:【显示】
-	popup_page_show				:	"m_20111124_popup_page_show",
-	//popup页面:【编码规范检测】
-	popup_page_fcp				:	"m_20111124_popup_page_fcp",
-	//popup页面:【栅格规范检测】
-	popup_page_grid				:	"m_20111124_popup_page_grid",
-	//popup页面:【FE文档检索】
-	popup_page_fdp				:	"m_20111124_popup_page_fdp",
-	//popup页面:【字符串编解码】
-	popup_page_endecode			:	"m_20111124_popup_page_endecode",
-	//popup页面:【网页加载耗时】
-	popup_page_loadtime			:	"m_20111124_popup_page_loadtime",
-	
-	//编解码工具:【打开】
-	endecode_page_opened		:	"m_20111124_endecode_page_opened",
-	//编解码工具:【Unicode编码】
-	endecode_page_uniEncode		:	"m_20111124_endecode_page_uniEncode",
-	//编解码工具:【Unicode解码】
-	endecode_page_uniDecode		:	"m_20111124_endecode_page_uniDecode",
-	//编解码工具:【UTF-8编码】
-	endecode_page_utf8Encode	:	"m_20111124_endecode_page_utf8Encode",
-	//编解码工具:【UTF-8解码】
-	endecode_page_utf8Decode	:	"m_20111124_endecode_page_utf8Decode",
-	//编解码工具:【Base64编码】
-	endecode_page_base64Encode	:	"m_20111124_endecode_page_base64Encode",
-	//编解码工具:【base64解码】
-	endecode_page_base64Decode	:	"m_20111124_endecode_page_base64Decode",
-	//编解码工具:【转换】
-	endecode_page_btnchange		:	"m_20111124_endecode_page_btnchange",
-	//编解码工具:【清空】
-	endecode_page_btnclear		:	"m_20111124_endecode_page_btnclear",
-	
-	//文档检索:【打开】
-	fdp_page_opened				:	"m_20111124_fdp_page_opened",
-	//文档检索:【空间FE文档】
-	fdp_page_spacedoc			:	"m_20111124_fdp_page_spacedoc",
-	//文档检索:【大FE文档】
-	fdp_page_fedoc				:	"m_20111124_fdp_page_fedoc",
-	//文档检索:【检索】
-	fdp_page_btnsearch			:	"m_20111124_fdp_page_btnsearch",
-	
-	//编码规范检测:【显示层】
-	fcp_detect_show				:	"m_20111124_fcp_detect_show",
-	//编码规范检测:【关闭检测结果】
-	fcp_detect_close			:	"m_20111124_fcp_detect_close",
-	//编码规范检测:【最小化检测结果】
-	fcp_detect_min				:	"m_20111124_fcp_detect_min",
-	//编码规范检测:【最大化检测结果】
-	fcp_detect_max				:	"m_20111124_fcp_detect_max",
-	//编码规范检测:【更多HTML规范】
-	fcp_detect_morehtml			:	"m_20111124_fcp_detect_morehtml",
-	//编码规范检测:【更多css规范】
-	fcp_detect_morecss			:	"m_20111124_fcp_detect_morecss",
-	//编码规范检测:【更多js规范】
-	fcp_detect_morejs			:	"m_20111124_fcp_detect_morejs",
-	
-	//栅格检测:【显示层】
-	grid_detect_show			:	"m_20111124_grid_detect_show",
-	//栅格检测:【ESC】
-	grid_detect_esc				:	"m_20111124_grid_detect_esc",
-	//栅格检测:【关闭栅格】
-	grid_detect_btnclose		:	"m_20111124_grid_detect_btnclose",
-	
-	//每天使用人数【粗略统计】
-	fehelper_user_count			:	"m_20111124_fehelper_user_count"
-};
+];

+ 77 - 67
chrome/static/js/endecode/endecode.js

@@ -3,85 +3,95 @@
  */
 baidu.namespace.register("baidu.ed");
 
-baidu.ed = (function(){
-	
-	/**
-	 * 转码
-	 */
-	var _convert = function(){
-		var srcText = jQuery("#srcText").val();
+baidu.ed = (function () {
+
+    /**
+     * 转码
+     */
+    var _convert = function () {
+        var srcText = jQuery("#srcText").val();
         jQuery("#rst").show();
-		var rstCode = jQuery("#rstCode");
-		
+        var rstCode = jQuery("#rstCode");
+
         if (jQuery("#uniEncode").attr("checked") == true) {
             rstCode.val(baidu.endecode.uniEncode(srcText));
-        } else if(jQuery("#uniDecode").attr("checked") == true){
+        } else if (jQuery("#uniDecode").attr("checked") == true) {
             rstCode.val(baidu.endecode.uniDecode(srcText));
-        } else if(jQuery("#utf8Encode").attr("checked") == true){
+        } else if (jQuery("#utf8Encode").attr("checked") == true) {
             rstCode.val(encodeURIComponent(srcText));
-        } else if(jQuery("#utf8Decode").attr("checked") == true){
+        } else if (jQuery("#utf8Decode").attr("checked") == true) {
             rstCode.val(decodeURIComponent(srcText));
-        } else if(jQuery("#base64Encode").attr("checked") == true){
+        } else if (jQuery("#base64Encode").attr("checked") == true) {
             rstCode.val(baidu.endecode.base64Encode(baidu.endecode.utf8Encode(srcText)));
-        } else if(jQuery("#base64Decode").attr("checked") == true){
+        } else if (jQuery("#base64Decode").attr("checked") == true) {
             rstCode.val(baidu.endecode.utf8Decode(baidu.endecode.base64Decode(srcText)));
         } else {
-			rstCode.val(hex_md5(srcText));
-		}
-	};
-	
-	/**
-	 * 绑定按钮的点击事件
-	 */
-	var _bindBtnEvent = function(){
-		jQuery("#btnCodeChange").click(function(){
-			_convert();
-		});
-		
-		jQuery("#btnCodeClear").click(function(){
-			jQuery("#srcText,#rstCode").val("")
-		});
-	};
-	
-	/**
-	 * 每个单选按钮被点击时,都自动进行转换
-	 */
-	var _bindRadioEvent = function(){
-		jQuery("input[type=radio],label[for]").click(function(evt){
-			$this = jQuery(this);
-			setTimeout(function(){
-				_convert();
-			},150);
-		});
-	};
+            rstCode.val(hex_md5(srcText));
+        }
+    };
+
+    /**
+     * 绑定按钮的点击事件
+     */
+    var _bindBtnEvent = function () {
+        jQuery("#btnCodeChange").click(function () {
+            _convert();
+        });
+
+        jQuery("#btnCodeClear").click(function () {
+            jQuery("#srcText,#rstCode").val("")
+        });
+    };
+
+    /**
+     * 每个单选按钮被点击时,都自动进行转换
+     */
+    var _bindRadioEvent = function () {
+        jQuery("input[type=radio],label[for]").click(function (evt) {
+            $this = jQuery(this);
+            setTimeout(function () {
+                _convert();
+            }, 150);
+        });
+    };
+
+    /**
+     * 鼠标划过结果框,选中
+     */
+    var _bindRstEvent = function () {
+        jQuery("#rstCode").mouseover(function () {
+            this.selectionStart = 0;
+            this.selectionEnd = this.value.length;
+            this.select();
+        });
+    };
 
-	/**
-	 * 鼠标划过结果框,选中
-	 */
-	var _bindRstEvent = function(){
-		jQuery("#rstCode").mouseover(function(){
-			this.selectionStart = 0;
-			this.selectionEnd = this.value.length;
-			this.select();
-		});
-	};
+    var _init = function () {
+        // 在tab创建或者更新时候,监听事件,看看是否有参数传递过来
+        chrome.runtime.onMessage.addListener(function (request, sender, callback) {
+            if (request.type == MSG_TYPE.TAB_CREATED_OR_UPDATED && request.event == 'endecode') {
+                if (request.content) {
+                    document.getElementById('srcText').value = (request.content);
+                    _convert();
+                }
+            }
+        });
 
-	var _init = function(){
-		jQuery(function(){
-			//输入框聚焦
-			jQuery("#srcText").focus();
-			//绑定按钮的点击事件
-			_bindBtnEvent();
-			//鼠标划过结果框,选中
-			_bindRstEvent();
-			//单选按钮的点击事件
-			_bindRadioEvent();
-		});
-	};
+        jQuery(function () {
+            //输入框聚焦
+            jQuery("#srcText").focus();
+            //绑定按钮的点击事件
+            _bindBtnEvent();
+            //鼠标划过结果框,选中
+            _bindRstEvent();
+            //单选按钮的点击事件
+            _bindRadioEvent();
+        });
+    };
 
-	return {
-		init	:	_init
-	};
+    return {
+        init: _init
+    };
 })();
 
 //初始化

+ 135 - 54
chrome/static/js/fe-background.js

@@ -6,10 +6,10 @@ var BgPageInstance = (function () {
 
     //各种元素的就绪情况
     var _readyState = {
-        css:false,
-        js:false,
-        html:true,
-        allDone:false
+        css: false,
+        js: false,
+        html: true,
+        allDone: false
     };
 
     //侦测的interval
@@ -33,14 +33,14 @@ var BgPageInstance = (function () {
         //所有元素都准备就绪
         if (_readyState.allDone) {
             chrome.tabs.sendMessage(tab.id, {
-                type:MSG_TYPE.BROWSER_CLICKED,
-                event:MSG_TYPE.FCP_HELPER_DETECT
+                type: MSG_TYPE.BROWSER_CLICKED,
+                event: MSG_TYPE.FCP_HELPER_DETECT
             });
         } else {
             //正在准备数据,请稍等...
             //显示桌面提醒
             baidu.feNotification.notifyText({
-                message:"正在准备数据,请稍等..."
+                message: "正在准备数据,请稍等..."
             });
         }
     };
@@ -50,8 +50,8 @@ var BgPageInstance = (function () {
      */
     var _doGridDetect = function (tab) {
         chrome.tabs.sendMessage(tab.id, {
-            type:MSG_TYPE.BROWSER_CLICKED,
-            event:MSG_TYPE.GRID_DETECT
+            type: MSG_TYPE.BROWSER_CLICKED,
+            event: MSG_TYPE.GRID_DETECT
         });
     };
 
@@ -65,7 +65,7 @@ var BgPageInstance = (function () {
      * 查看页面wpo信息
      */
     var _showPageWpoInfo = function (wpoInfo) {
-        chrome.tabs.query({active:true, currentWindow:true}, function (tabs) {
+        chrome.tabs.query({active: true, currentWindow: true}, function (tabs) {
             var tab = tabs[0];
             try {
                 _notificationCache[tab.id].cancel();
@@ -73,15 +73,15 @@ var BgPageInstance = (function () {
             }
             if (!wpoInfo) {
                 baidu.feNotification.notifyText({
-                    message:"对不起,检测失败"
+                    message: "对不起,检测失败"
                 });
             } else {
                 if (window.webkitNotifications && webkitNotifications.createHTMLNotification) {
                     baidu.feNotification.notifyHtml("template/fehelper_wpo.html?" + JSON.stringify(wpoInfo));
                 } else {
                     chrome.tabs.create({
-                        url:"template/fehelper_wpo.html?" + JSON.stringify(wpoInfo),
-                        active:true
+                        url: "template/fehelper_wpo.html?" + JSON.stringify(wpoInfo),
+                        active: true
                     });
                 }
             }
@@ -93,15 +93,15 @@ var BgPageInstance = (function () {
      * @return {[type]}
      */
     var _getPageWpoInfo = function () {
-        chrome.tabs.query({active:true, currentWindow:true}, function (tabs) {
+        chrome.tabs.query({active: true, currentWindow: true}, function (tabs) {
             var tab = tabs[0];
             //显示桌面提醒
             _notificationCache[tab.id] = baidu.feNotification.notifyText({
-                message:"正在统计,请稍后...",
-                autoClose:false
+                message: "正在统计,请稍后...",
+                autoClose: false
             });
             chrome.tabs.sendMessage(tab.id, {
-                type:MSG_TYPE.GET_PAGE_WPO_INFO
+                type: MSG_TYPE.GET_PAGE_WPO_INFO
             });
         });
     };
@@ -111,15 +111,15 @@ var BgPageInstance = (function () {
      * @private
      */
     var _doJsTracker = function () {
-        chrome.tabs.query({active:true, currentWindow:true}, function (tabs) {
+        chrome.tabs.query({active: true, currentWindow: true}, function (tabs) {
             var tab = tabs[0];
             chrome.tabs.executeScript(tab.id, {
-                code:"void function(t,r,a,c,k){t.tracker_type='bm';t.tracker_uid='fehelper';"
-                    + "(k=t.TrackerGlobalEvent)?k.f(r):[(k=t[a]('script')).charset='utf-8',"
-                    + "k.src='http://www.ucren.com/'+c+'/'+c+'.js?'+Math.random(),"
-                    + "t.documentElement.appendChild(k)]}(document,'TrackerJSLoad','createElement','tracker') ",
-                allFrames:false,
-                runAt:'document_end'
+                code: "void function(t,r,a,c,k){t.tracker_type='bm';t.tracker_uid='fehelper';"
+                + "(k=t.TrackerGlobalEvent)?k.f(r):[(k=t[a]('script')).charset='utf-8',"
+                + "k.src='http://www.ucren.com/'+c+'/'+c+'.js?'+Math.random(),"
+                + "t.documentElement.appendChild(k)]}(document,'TrackerJSLoad','createElement','tracker') ",
+                allFrames: false,
+                runAt: 'document_end'
             });
         });
     };
@@ -130,7 +130,7 @@ var BgPageInstance = (function () {
      */
     var _goCompressTool = function () {
         var url = "http://www.baidufe.com/fehelper/codecompress.html";
-        chrome.tabs.query({windowId:chrome.windows.WINDOW_ID_CURRENT }, function (tabs) {
+        chrome.tabs.query({windowId: chrome.windows.WINDOW_ID_CURRENT}, function (tabs) {
             var isOpened = false;
             var tabId;
             var reg = new RegExp("fehelper.*codecompress.html$", "i");
@@ -143,23 +143,42 @@ var BgPageInstance = (function () {
             }
             if (!isOpened) {
                 chrome.tabs.create({
-                    url:url,
-                    active:true
+                    url: url,
+                    active: true
                 });
             } else {
-                chrome.tabs.update(tabId, {highlighted:true});
+                chrome.tabs.update(tabId, {highlighted: true});
             }
         });
     };
 
+    /**
+     * 创建或更新成功执行的动作
+     * @param evt
+     * @param content
+     * @private
+     */
+    var _tabUpdatedCallback = function (evt, content) {
+        return function (newTab) {
+            if (content) {
+                chrome.tabs.sendMessage(newTab.id, {
+                    type: MSG_TYPE.TAB_CREATED_OR_UPDATED,
+                    content: content,
+                    event: evt
+                });
+            }
+        };
+    };
+
     /**
      * 打开对应文件,运行该Helper
      * @param tab
      * @param file
+     * @param txt
      * @private
      */
-    var _openFileAndRun = function (tab, file) {
-        chrome.tabs.query({windowId:chrome.windows.WINDOW_ID_CURRENT }, function (tabs) {
+    var _openFileAndRun = function (tab, file, txt) {
+        chrome.tabs.query({windowId: chrome.windows.WINDOW_ID_CURRENT}, function (tabs) {
             var isOpened = false;
             var tabId;
             var reg = new RegExp("^chrome.*" + file + ".html$", "i");
@@ -172,11 +191,11 @@ var BgPageInstance = (function () {
             }
             if (!isOpened) {
                 chrome.tabs.create({
-                    url:'template/fehelper_' + file + '.html',
-                    active:true
-                });
+                    url: 'template/fehelper_' + file + '.html',
+                    active: true
+                }, _tabUpdatedCallback(file, txt));
             } else {
-                chrome.tabs.update(tabId, {highlighted:true});
+                chrome.tabs.update(tabId, {highlighted: true}, _tabUpdatedCallback(file, txt));
             }
         });
     };
@@ -185,7 +204,7 @@ var BgPageInstance = (function () {
      * 根据给定参数,运行对应的Helper
      */
     var _runHelper = function (config) {
-        chrome.tabs.query({active:true, currentWindow:true}, function (tabs) {
+        chrome.tabs.query({active: true, currentWindow: true}, function (tabs) {
             var tab = tabs[0];
             // 如果是采用独立文件方式访问,直接打开该页面即可
             if (config.useFile == '1') {
@@ -223,34 +242,96 @@ var BgPageInstance = (function () {
     var _createContextMenu = function () {
         _removeContextMenu();
         baidu.contextMenuId = chrome.contextMenus.create({
-            title:"FeHelper"
+            title: "FeHelper",
+            contexts: ['page', 'selection', 'editable', 'link'],
+            documentUrlPatterns:['http://*/*','https://*/*']
         });
         chrome.contextMenus.create({
-            title:"JSON格式化",
-            parentId:baidu.contextMenuId,
-            onclick:function (info, tab) {
-                _openFileAndRun(tab,'jsonformat');
+            title: "JSON格式化",
+            contexts: ['page', 'selection', 'editable'],
+            parentId: baidu.contextMenuId,
+            onclick: function (info, tab) {
+                chrome.tabs.executeScript(tab.id, {
+                    code: '(' + (function () {
+                        return window.getSelection().toString();
+                    }).toString() + ')()',
+                    allFrames: false
+                }, function (txt) {
+                    _openFileAndRun(tab, 'jsonformat', txt);
+                });
             }
         });
         chrome.contextMenus.create({
-            title:"字符串编解码",
-            parentId:baidu.contextMenuId,
-            onclick:function (info, tab) {
-                _openFileAndRun(tab,'endecode');
+            type: 'separator',
+            contexts: ['all'],
+            parentId: baidu.contextMenuId
+        });
+        chrome.contextMenus.create({
+            title: "字符串编解码",
+            contexts: ['page', 'selection', 'editable'],
+            parentId: baidu.contextMenuId,
+            onclick: function (info, tab) {
+                chrome.tabs.executeScript(tab.id, {
+                    code: '(' + (function () {
+                        return window.getSelection().toString();
+                    }).toString() + ')()',
+                    allFrames: false
+                }, function (txt) {
+                    _openFileAndRun(tab, 'endecode', txt);
+                });
             }
         });
         chrome.contextMenus.create({
-            title:"二维码生成",
-            parentId:baidu.contextMenuId,
-            onclick:function (info, tab) {
-                _openFileAndRun(tab,'qrcode');
+            type: 'separator',
+            contexts: ['all'],
+            parentId: baidu.contextMenuId
+        });
+        chrome.contextMenus.create({
+            title: "生成二维码",
+            contexts: ['page', 'selection', 'editable', 'link'],
+            parentId: baidu.contextMenuId,
+            onclick: function (info, tab) {
+                chrome.tabs.executeScript(tab.id, {
+                    code: '(' + (function () {
+                        return window.getSelection().toString() || location.href;
+                    }).toString() + ')()',
+                    allFrames: false
+                }, function (txt) {
+                    _openFileAndRun(tab, 'qrcode', txt);
+                });
             }
         });
         chrome.contextMenus.create({
-            title:"代码美化工具",
-            parentId:baidu.contextMenuId,
-            onclick:function (info, tab) {
-                _openFileAndRun(tab,'codebeautify');
+            type: 'separator',
+            contexts: ['all'],
+            parentId: baidu.contextMenuId
+        });
+        chrome.contextMenus.create({
+            title: "代码格式化",
+            contexts: ['page', 'selection', 'editable'],
+            parentId: baidu.contextMenuId,
+            onclick: function (info, tab) {
+                chrome.tabs.executeScript(tab.id, {
+                    code: '(' + (function () {
+                        return window.getSelection().toString();
+                    }).toString() + ')()',
+                    allFrames: false
+                }, function (txt) {
+                    _openFileAndRun(tab, 'codebeautify', txt);
+                });
+            }
+        });
+        chrome.contextMenus.create({
+            type: 'separator',
+            contexts: ['all'],
+            parentId: baidu.contextMenuId
+        });
+        chrome.contextMenus.create({
+            title: "代码压缩",
+            contexts: ['page', 'selection', 'editable'],
+            parentId: baidu.contextMenuId,
+            onclick: function (info, tab) {
+                _goCompressTool();
             }
         });
     };
@@ -354,8 +435,8 @@ var BgPageInstance = (function () {
     };
 
     return {
-        init:_init,
-        runHelper:_runHelper
+        init: _init,
+        runHelper: _runHelper
     };
 })();
 

+ 95 - 11
chrome/static/js/jsonformat/fe-jsonformat.js

@@ -5,15 +5,89 @@ baidu.jsonformat = (function () {
 
     "use strict";
 
-    var _bindEvents = function () {
-        $('#btnFormat').click(function (e) {
-            var source = $.trim($('#jsonSource').val());
+    // 在页面还没加载完成,但消息已经过来的时候,不能使用jquery
+    var _g = function(id){
+        return document.getElementById(id);
+    };
+
+    /**
+     * 执行format操作
+     * @private
+     */
+    var _format = function () {
+        _g('errorMsg').innerHTML = '';
+        var source = _g('jsonSource').value;
+        if (!source) {
+            return;
+        }
+
+        // JSONP形式下的callback name
+        var funcName = null;
+        // json对象
+        var jsonObj = null;
+
+        // 下面校验给定字符串是否为一个合法的json
+        try {
+            // 再看看是不是jsonp的格式
+            var reg = /^([\w\.]+)\(\s*([\s\S]*)\s*\)$/igm;
+            var matches = reg.exec(source);
+            if (matches != null) {
+                funcName = matches[1];
+                var newSource = matches[2];
+                jsonObj = new Function("return " + newSource)();
+            }
+        } catch (ex) {
+            _g('errorMsg').innerHTML = ex;
+            return;
+        }
+
+        try {
+            if (jsonObj == null || typeof jsonObj != 'object') {
+                jsonObj = new Function("return " + source)();
+
+                // 还要防止下面这种情况:  "{\"ret\":\"0\", \"msg\":\"ok\"}"
+                if (typeof jsonObj == "string") {
+                    // 再来一次
+                    jsonObj = new Function("return " + jsonObj)();
+                }
+            }
+        } catch (ex) {
+            _g('errorMsg').innerHTML = ex;
+            return;
+        }
+
+        // 是json格式,可以进行JSON自动格式化
+        if (jsonObj != null && typeof jsonObj == "object") {
+            try {
+                // 要尽量保证格式化的东西一定是一个json,所以需要把内容进行JSON.stringify处理
+                source = JSON.stringify(jsonObj);
+            } catch (ex) {
+                // 通过JSON反解不出来的,一定有问题
+                return;
+            }
+
             JsonFormatEntrance.clear();
             JsonFormatEntrance.format(source);
+
+            // 如果是JSONP格式的,需要把方法名也显示出来
+            if (funcName != null) {
+                $('#jfCallbackName_start').html(funcName + '(');
+                $('#jfCallbackName_end').html(')');
+            }
+        }
+    };
+
+    /**
+     * 事件绑定
+     * @private
+     */
+    var _bindEvents = function () {
+        $('#btnFormat').click(function (e) {
+            _format();
         });
 
         // 点击区块高亮
-        $('#jfContent').delegate('.kvov', 'click',function (e) {
+        $('#jfContent').delegate('.kvov', 'click', function (e) {
             $('#jfContent .kvov').removeClass('x-outline');
             $(this).removeClass('x-hover').addClass('x-outline');
             if (!$(e.target).is('.kvov .e')) {
@@ -21,15 +95,25 @@ baidu.jsonformat = (function () {
             } else {
                 $(e.target).parent().trigger('click');
             }
-        }).delegate('.kvov', 'mouseover',function (e) {
-                $(this).addClass('x-hover');
-                return false;
-            }).delegate('.kvov', 'mouseout', function (e) {
-                $(this).removeClass('x-hover');
-            });
+        }).delegate('.kvov', 'mouseover', function (e) {
+            $(this).addClass('x-hover');
+            return false;
+        }).delegate('.kvov', 'mouseout', function (e) {
+            $(this).removeClass('x-hover');
+        });
     };
 
     var _init = function () {
+        // 在tab创建或者更新时候,监听事件,看看是否有参数传递过来
+        chrome.runtime.onMessage.addListener(function (request, sender, callback) {
+            if (request.type == MSG_TYPE.TAB_CREATED_OR_UPDATED && request.event == 'jsonformat') {
+                if (request.content) {
+                    _g('jsonSource').value = (request.content);
+                    _format();
+                }
+            }
+        });
+
         $(function () {
             //输入框聚焦
             jQuery("#jsonSource").focus();
@@ -38,7 +122,7 @@ baidu.jsonformat = (function () {
     };
 
     return {
-        init:_init
+        init: _init
     };
 })();
 

+ 1 - 0
chrome/static/js/mod/mod_codebeautify.js

@@ -20,6 +20,7 @@
 importScript("js/codebeautify/beautify.js");
 importScript("js/codebeautify/beautify-css.js");
 importScript("js/codebeautify/beautify-html.js");
+importScript("js/core/fe-const.js");
 importScript("js/core/core.js");
 importScript("js/syntaxhighlighter/shCore.js");
 importScript("js/syntaxhighlighter/shBrushCss.js");

+ 195 - 63
chrome/static/js/qrcode/fe-qrcode.js

@@ -12,21 +12,175 @@ baidu.qrcode = (function () {
     var text = '';
 
     /**
-     * 创建二维码
+     * 获取要用来生成二维码的文本数据
+     * @private
+     */
+    var _createText = function () {
+        $("#preview > img").attr("src", "");
+        var current_tab = $("#tabs").tabs('option', 'selected');
+        switch (current_tab) {
+            case 0 :
+                text = $.trim($("#tabs-1 #tab1_text").attr("value"));
+                break;
+            case 1 :
+                text = "tel:" + $.trim($("#tabs-2 #tab2_telno").attr("value"));
+                break;
+            case 2 :
+                text = $("#tabs-3 [name=tab3_type]:checked").attr("value") + ":" + $.trim($("#tabs-3 #tab3_telno").attr("value")) + ":" + $.trim($("#tabs-3 #tab3_message").attr("value"));
+                break;
+            case 3 :
+                text = "mailto:" + $.trim($("#tabs-4 #tab4_email").attr("value"));
+                break;
+            case 4 :
+                text = "BEGIN:VCARD\nVERSION:3.0\n";
+                var v = $.trim($("#tabs-5 #tab5_FormattedName").attr("value"));
+                text += v ? ("FN:" + v + "\n") : "";
+
+                v = $.trim($("#tabs-5 #tab5_Telephone").attr("value"));
+                text += v ? ("TEL:" + v + "\n") : "";
+
+                v = $.trim($("#tabs-5 #tab5_Email").attr("value"));
+                text += v ? ("EMAIL:" + v + "\n") : "";
+
+                v = $.trim($("#tabs-5 #tab5_X-MSN").attr("value"));
+                text += v ? ("X-MSN:" + v + "\n") : "";
+
+                v = $.trim($("#tabs-5 #tab5_Organization").attr("value"));
+                text += v ? ("ORG:" + v + "\n") : "";
+
+                v = $.trim($("#tabs-5 #tab5_Title").attr("value"));
+                text += v ? ("TITLE:" + v + "\n") : "";
+
+                v = $.trim($("#tabs-5 #tab5_Address").attr("value"));
+                text += v ? ("ADR:" + v + "\n") : "";
+
+                v = $.trim($("#tabs-5 #tab5_URL").attr("value"));
+                text += v ? ("URL:" + v + "\n") : "";
+                text += "END:VCARD";
+                break;
+        }
+        return text;
+    };
+
+    /**
+     * 创建二维码生成的参数
+     * @private
      */
-    var createQrCode = function() {
+    var _createOptions = function () {
         var width = $("#opt_width").val();
-        var height = $("#opt_height").val();
         var foreground = $('#opt_fc').val();
-        $('#preview').html('').qrcode({
-            width:width,
-            height:height,
-            foreground : foreground,
-            text:baidu.endecode.utf16to8(text)
-        });
+        var defaultOptions = {
+            // render method: 'canvas', 'image' or 'div'
+            render: 'canvas',
+
+            // version range somewhere in 1 .. 40
+            minVersion: 1,
+            maxVersion: 40,
+
+            // error correction level: 'L', 'M', 'Q' or 'H'
+            ecLevel: 'L',
+
+            // offset in pixel if drawn onto existing canvas
+            left: 0,
+            top: 0,
+
+            // size in pixel
+            size: +width || 200,
+
+            // code color or image element
+            fill: foreground,
+
+            // background color or image element, null for transparent background
+            background: null,
+
+            // corner radius relative to module width: 0.0 .. 0.5
+            radius: 0,
+
+            // quiet zone in modules
+            quiet: 0,
+            text: text,
+
+            // modes
+            // 0: normal
+            // 1: label strip
+            // 2: label box
+            // 3: image strip
+            // 4: image box
+            mode: 0,
+
+            mSize: 0.15,
+            mPosX: 0.5,
+            mPosY: 0.5,
+
+            label: 'FH',
+            fontname: 'sans',
+            fontcolor: '#f00',
+
+            image: false
+        };
+
+        // 判断是否需要设置icon
+        var iconType = $('input[name=qr_icon]:checked').val();
+        if (iconType == 1) {
+            defaultOptions.mode = 4;
+            defaultOptions.image = $('#logo_default')[0];
+        } else if (iconType == 2) {
+            defaultOptions.mode = 4;
+            defaultOptions.image = $('#logo')[0];
+        }
+
+        return defaultOptions;
+    };
+
+    /**
+     * 创建二维码
+     */
+    var _createQrCode = function () {
+        text = _createText();
+        if (text) {
+            $('#preview').html('').qrcode(_createOptions());
+        } else {
+            $('#preview').html('再在输入框里输入一些内容,就能生成二维码了哦~')
+        }
         $('#fieldset_qr').show();
     };
 
+    /**
+     * 设置ICON
+     * @param file
+     * @private
+     */
+    var _drawIcon = function (file) {
+        if (/image\//.test(file.type)) {
+            var reader = new FileReader();
+            reader.onload = function (evt) {
+                $('#logo').attr('src', evt.target.result);
+                _createQrCode();
+            };
+            reader.readAsDataURL(file);
+        } else {
+            alert('请选择图片文件!');
+        }
+    };
+
+    /**
+     * 可以拖拽一张图片上来,生成小icon
+     * @private
+     */
+    var _dragAndDrop = function () {
+        $(document).bind('drop', function (e) {
+            e.preventDefault();
+            e.stopPropagation();
+            var files = e.originalEvent.dataTransfer.files;
+            if (files.length) {
+                _drawIcon(files[0]);
+            }
+        }).bind('dragover', function (e) {
+            e.preventDefault();
+            e.stopPropagation();
+        });
+    };
+
     /**
      * 绑定事件
      * @private
@@ -40,74 +194,52 @@ baidu.qrcode = (function () {
             })
             .tabs("select", 0);
         $("#confirm_button").button().click(function () {
-            $("#preview > img").attr("src", "");
-            var current_tab = $("#tabs").tabs('option', 'selected');
-            switch (current_tab) {
-                case 0 :
-                    text = $.trim($("#tabs-0 #tab0_url").attr("value"));
-                    break;
-                case 1 :
-                    text = $.trim($("#tabs-1 #tab1_text").attr("value"));
-                    break;
-                case 2 :
-                    text = "tel:" + $.trim($("#tabs-2 #tab2_telno").attr("value"));
-                    break;
-                case 3 :
-                    text = $("#tabs-3 [name=tab3_type]:checked").attr("value") + ":" + $.trim($("#tabs-3 #tab3_telno").attr("value")) + ":" + $.trim($("#tabs-3 #tab3_message").attr("value"));
-                    break;
-                case 4 :
-                    text = "mailto:" + $.trim($("#tabs-4 #tab4_email").attr("value"));
-                    break;
-                case 5 :
-                    text = "BEGIN:VCARD\nVERSION:3.0\n";
-                    var v = $.trim($("#tabs-5 #tab5_FormattedName").attr("value"));
-                    text += v ? ("FN:" + v + "\n") : "";
-
-                    v = $.trim($("#tabs-5 #tab5_Telephone").attr("value"));
-                    text += v ? ("TEL:" + v + "\n") : "";
-
-                    v = $.trim($("#tabs-5 #tab5_Email").attr("value"));
-                    text += v ? ("EMAIL:" + v + "\n") : "";
-
-                    v = $.trim($("#tabs-5 #tab5_X-MSN").attr("value"));
-                    text += v ? ("X-MSN:" + v + "\n") : "";
-
-                    v = $.trim($("#tabs-5 #tab5_Organization").attr("value"));
-                    text += v ? ("ORG:" + v + "\n") : "";
-
-                    v = $.trim($("#tabs-5 #tab5_Title").attr("value"));
-                    text += v ? ("TITLE:" + v + "\n") : "";
-
-                    v = $.trim($("#tabs-5 #tab5_Address").attr("value"));
-                    text += v ? ("ADR:" + v + "\n") : "";
-
-                    v = $.trim($("#tabs-5 #tab5_URL").attr("value"));
-                    text += v ? ("URL:" + v + "\n") : "";
-                    text += "END:VCARD";
-                    break;
-            }
-            createQrCode();
+            _createQrCode();
         });
 
         $("#opt_fc").colorpicker({
-            fillcolor:true,
-            success : function(obj,color) {
-                if(text) {
-                    createQrCode();
-                }
+            fillcolor: true,
+            success: function (obj, color) {
+                _createQrCode();
             }
         });
+
+        $('#remove_icon,#default_icon').click(function (e) {
+            _createQrCode();
+        });
+
+        $('#upload_icon').click(function (e) {
+            $('#file').trigger('click');
+        });
+        $('#file').change(function (e) {
+            if (this.files.length) {
+                _drawIcon(this.files[0]);
+                this.value = '';
+            }
+        });
+
+        _dragAndDrop();
     };
 
     var _init = function () {
+        // 在tab创建或者更新时候,监听事件,看看是否有参数传递过来
+        chrome.runtime.onMessage.addListener(function (request, sender, callback) {
+            if (request.type == MSG_TYPE.TAB_CREATED_OR_UPDATED && request.event == 'qrcode') {
+                if (request.content) {
+                    document.getElementById('tab1_text').value = (request.content);
+                    setTimeout(_createQrCode, 50);
+                }
+            }
+        });
+
         $(function () {
             _bindEvents();
-            $('#tab0_url').focus();
+            $('#tab1_text').focus();
         });
     };
 
     return {
-        init:_init
+        init: _init
     };
 })();
 

+ 2353 - 28
chrome/static/js/qrcode/jquery.qrcode.min.js

@@ -1,28 +1,2353 @@
-(function(r){r.fn.qrcode=function(h){var s;function u(a){this.mode=s;this.data=a}function o(a,c){this.typeNumber=a;this.errorCorrectLevel=c;this.modules=null;this.moduleCount=0;this.dataCache=null;this.dataList=[]}function q(a,c){if(void 0==a.length)throw Error(a.length+"/"+c);for(var d=0;d<a.length&&0==a[d];)d++;this.num=Array(a.length-d+c);for(var b=0;b<a.length-d;b++)this.num[b]=a[b+d]}function p(a,c){this.totalCount=a;this.dataCount=c}function t(){this.buffer=[];this.length=0}u.prototype={getLength:function(){return this.data.length},
-write:function(a){for(var c=0;c<this.data.length;c++)a.put(this.data.charCodeAt(c),8)}};o.prototype={addData:function(a){this.dataList.push(new u(a));this.dataCache=null},isDark:function(a,c){if(0>a||this.moduleCount<=a||0>c||this.moduleCount<=c)throw Error(a+","+c);return this.modules[a][c]},getModuleCount:function(){return this.moduleCount},make:function(){if(1>this.typeNumber){for(var a=1,a=1;40>a;a++){for(var c=p.getRSBlocks(a,this.errorCorrectLevel),d=new t,b=0,e=0;e<c.length;e++)b+=c[e].dataCount;
-for(e=0;e<this.dataList.length;e++)c=this.dataList[e],d.put(c.mode,4),d.put(c.getLength(),j.getLengthInBits(c.mode,a)),c.write(d);if(d.getLengthInBits()<=8*b)break}this.typeNumber=a}this.makeImpl(!1,this.getBestMaskPattern())},makeImpl:function(a,c){this.moduleCount=4*this.typeNumber+17;this.modules=Array(this.moduleCount);for(var d=0;d<this.moduleCount;d++){this.modules[d]=Array(this.moduleCount);for(var b=0;b<this.moduleCount;b++)this.modules[d][b]=null}this.setupPositionProbePattern(0,0);this.setupPositionProbePattern(this.moduleCount-
-7,0);this.setupPositionProbePattern(0,this.moduleCount-7);this.setupPositionAdjustPattern();this.setupTimingPattern();this.setupTypeInfo(a,c);7<=this.typeNumber&&this.setupTypeNumber(a);null==this.dataCache&&(this.dataCache=o.createData(this.typeNumber,this.errorCorrectLevel,this.dataList));this.mapData(this.dataCache,c)},setupPositionProbePattern:function(a,c){for(var d=-1;7>=d;d++)if(!(-1>=a+d||this.moduleCount<=a+d))for(var b=-1;7>=b;b++)-1>=c+b||this.moduleCount<=c+b||(this.modules[a+d][c+b]=
-0<=d&&6>=d&&(0==b||6==b)||0<=b&&6>=b&&(0==d||6==d)||2<=d&&4>=d&&2<=b&&4>=b?!0:!1)},getBestMaskPattern:function(){for(var a=0,c=0,d=0;8>d;d++){this.makeImpl(!0,d);var b=j.getLostPoint(this);if(0==d||a>b)a=b,c=d}return c},createMovieClip:function(a,c,d){a=a.createEmptyMovieClip(c,d);this.make();for(c=0;c<this.modules.length;c++)for(var d=1*c,b=0;b<this.modules[c].length;b++){var e=1*b;this.modules[c][b]&&(a.beginFill(0,100),a.moveTo(e,d),a.lineTo(e+1,d),a.lineTo(e+1,d+1),a.lineTo(e,d+1),a.endFill())}return a},
-setupTimingPattern:function(){for(var a=8;a<this.moduleCount-8;a++)null==this.modules[a][6]&&(this.modules[a][6]=0==a%2);for(a=8;a<this.moduleCount-8;a++)null==this.modules[6][a]&&(this.modules[6][a]=0==a%2)},setupPositionAdjustPattern:function(){for(var a=j.getPatternPosition(this.typeNumber),c=0;c<a.length;c++)for(var d=0;d<a.length;d++){var b=a[c],e=a[d];if(null==this.modules[b][e])for(var f=-2;2>=f;f++)for(var i=-2;2>=i;i++)this.modules[b+f][e+i]=-2==f||2==f||-2==i||2==i||0==f&&0==i?!0:!1}},setupTypeNumber:function(a){for(var c=
-j.getBCHTypeNumber(this.typeNumber),d=0;18>d;d++){var b=!a&&1==(c>>d&1);this.modules[Math.floor(d/3)][d%3+this.moduleCount-8-3]=b}for(d=0;18>d;d++)b=!a&&1==(c>>d&1),this.modules[d%3+this.moduleCount-8-3][Math.floor(d/3)]=b},setupTypeInfo:function(a,c){for(var d=j.getBCHTypeInfo(this.errorCorrectLevel<<3|c),b=0;15>b;b++){var e=!a&&1==(d>>b&1);6>b?this.modules[b][8]=e:8>b?this.modules[b+1][8]=e:this.modules[this.moduleCount-15+b][8]=e}for(b=0;15>b;b++)e=!a&&1==(d>>b&1),8>b?this.modules[8][this.moduleCount-
-b-1]=e:9>b?this.modules[8][15-b-1+1]=e:this.modules[8][15-b-1]=e;this.modules[this.moduleCount-8][8]=!a},mapData:function(a,c){for(var d=-1,b=this.moduleCount-1,e=7,f=0,i=this.moduleCount-1;0<i;i-=2)for(6==i&&i--;;){for(var g=0;2>g;g++)if(null==this.modules[b][i-g]){var n=!1;f<a.length&&(n=1==(a[f]>>>e&1));j.getMask(c,b,i-g)&&(n=!n);this.modules[b][i-g]=n;e--; -1==e&&(f++,e=7)}b+=d;if(0>b||this.moduleCount<=b){b-=d;d=-d;break}}}};o.PAD0=236;o.PAD1=17;o.createData=function(a,c,d){for(var c=p.getRSBlocks(a,
-c),b=new t,e=0;e<d.length;e++){var f=d[e];b.put(f.mode,4);b.put(f.getLength(),j.getLengthInBits(f.mode,a));f.write(b)}for(e=a=0;e<c.length;e++)a+=c[e].dataCount;if(b.getLengthInBits()>8*a)throw Error("code length overflow. ("+b.getLengthInBits()+">"+8*a+")");for(b.getLengthInBits()+4<=8*a&&b.put(0,4);0!=b.getLengthInBits()%8;)b.putBit(!1);for(;!(b.getLengthInBits()>=8*a);){b.put(o.PAD0,8);if(b.getLengthInBits()>=8*a)break;b.put(o.PAD1,8)}return o.createBytes(b,c)};o.createBytes=function(a,c){for(var d=
-0,b=0,e=0,f=Array(c.length),i=Array(c.length),g=0;g<c.length;g++){var n=c[g].dataCount,h=c[g].totalCount-n,b=Math.max(b,n),e=Math.max(e,h);f[g]=Array(n);for(var k=0;k<f[g].length;k++)f[g][k]=255&a.buffer[k+d];d+=n;k=j.getErrorCorrectPolynomial(h);n=(new q(f[g],k.getLength()-1)).mod(k);i[g]=Array(k.getLength()-1);for(k=0;k<i[g].length;k++)h=k+n.getLength()-i[g].length,i[g][k]=0<=h?n.get(h):0}for(k=g=0;k<c.length;k++)g+=c[k].totalCount;d=Array(g);for(k=n=0;k<b;k++)for(g=0;g<c.length;g++)k<f[g].length&&
-(d[n++]=f[g][k]);for(k=0;k<e;k++)for(g=0;g<c.length;g++)k<i[g].length&&(d[n++]=i[g][k]);return d};s=4;for(var j={PATTERN_POSITION_TABLE:[[],[6,18],[6,22],[6,26],[6,30],[6,34],[6,22,38],[6,24,42],[6,26,46],[6,28,50],[6,30,54],[6,32,58],[6,34,62],[6,26,46,66],[6,26,48,70],[6,26,50,74],[6,30,54,78],[6,30,56,82],[6,30,58,86],[6,34,62,90],[6,28,50,72,94],[6,26,50,74,98],[6,30,54,78,102],[6,28,54,80,106],[6,32,58,84,110],[6,30,58,86,114],[6,34,62,90,118],[6,26,50,74,98,122],[6,30,54,78,102,126],[6,26,52,
-78,104,130],[6,30,56,82,108,134],[6,34,60,86,112,138],[6,30,58,86,114,142],[6,34,62,90,118,146],[6,30,54,78,102,126,150],[6,24,50,76,102,128,154],[6,28,54,80,106,132,158],[6,32,58,84,110,136,162],[6,26,54,82,110,138,166],[6,30,58,86,114,142,170]],G15:1335,G18:7973,G15_MASK:21522,getBCHTypeInfo:function(a){for(var c=a<<10;0<=j.getBCHDigit(c)-j.getBCHDigit(j.G15);)c^=j.G15<<j.getBCHDigit(c)-j.getBCHDigit(j.G15);return(a<<10|c)^j.G15_MASK},getBCHTypeNumber:function(a){for(var c=a<<12;0<=j.getBCHDigit(c)-
-j.getBCHDigit(j.G18);)c^=j.G18<<j.getBCHDigit(c)-j.getBCHDigit(j.G18);return a<<12|c},getBCHDigit:function(a){for(var c=0;0!=a;)c++,a>>>=1;return c},getPatternPosition:function(a){return j.PATTERN_POSITION_TABLE[a-1]},getMask:function(a,c,d){switch(a){case 0:return 0==(c+d)%2;case 1:return 0==c%2;case 2:return 0==d%3;case 3:return 0==(c+d)%3;case 4:return 0==(Math.floor(c/2)+Math.floor(d/3))%2;case 5:return 0==c*d%2+c*d%3;case 6:return 0==(c*d%2+c*d%3)%2;case 7:return 0==(c*d%3+(c+d)%2)%2;default:throw Error("bad maskPattern:"+
-a);}},getErrorCorrectPolynomial:function(a){for(var c=new q([1],0),d=0;d<a;d++)c=c.multiply(new q([1,l.gexp(d)],0));return c},getLengthInBits:function(a,c){if(1<=c&&10>c)switch(a){case 1:return 10;case 2:return 9;case s:return 8;case 8:return 8;default:throw Error("mode:"+a);}else if(27>c)switch(a){case 1:return 12;case 2:return 11;case s:return 16;case 8:return 10;default:throw Error("mode:"+a);}else if(41>c)switch(a){case 1:return 14;case 2:return 13;case s:return 16;case 8:return 12;default:throw Error("mode:"+
-a);}else throw Error("type:"+c);},getLostPoint:function(a){for(var c=a.getModuleCount(),d=0,b=0;b<c;b++)for(var e=0;e<c;e++){for(var f=0,i=a.isDark(b,e),g=-1;1>=g;g++)if(!(0>b+g||c<=b+g))for(var h=-1;1>=h;h++)0>e+h||c<=e+h||0==g&&0==h||i==a.isDark(b+g,e+h)&&f++;5<f&&(d+=3+f-5)}for(b=0;b<c-1;b++)for(e=0;e<c-1;e++)if(f=0,a.isDark(b,e)&&f++,a.isDark(b+1,e)&&f++,a.isDark(b,e+1)&&f++,a.isDark(b+1,e+1)&&f++,0==f||4==f)d+=3;for(b=0;b<c;b++)for(e=0;e<c-6;e++)a.isDark(b,e)&&!a.isDark(b,e+1)&&a.isDark(b,e+
-2)&&a.isDark(b,e+3)&&a.isDark(b,e+4)&&!a.isDark(b,e+5)&&a.isDark(b,e+6)&&(d+=40);for(e=0;e<c;e++)for(b=0;b<c-6;b++)a.isDark(b,e)&&!a.isDark(b+1,e)&&a.isDark(b+2,e)&&a.isDark(b+3,e)&&a.isDark(b+4,e)&&!a.isDark(b+5,e)&&a.isDark(b+6,e)&&(d+=40);for(e=f=0;e<c;e++)for(b=0;b<c;b++)a.isDark(b,e)&&f++;a=Math.abs(100*f/c/c-50)/5;return d+10*a}},l={glog:function(a){if(1>a)throw Error("glog("+a+")");return l.LOG_TABLE[a]},gexp:function(a){for(;0>a;)a+=255;for(;256<=a;)a-=255;return l.EXP_TABLE[a]},EXP_TABLE:Array(256),
-LOG_TABLE:Array(256)},m=0;8>m;m++)l.EXP_TABLE[m]=1<<m;for(m=8;256>m;m++)l.EXP_TABLE[m]=l.EXP_TABLE[m-4]^l.EXP_TABLE[m-5]^l.EXP_TABLE[m-6]^l.EXP_TABLE[m-8];for(m=0;255>m;m++)l.LOG_TABLE[l.EXP_TABLE[m]]=m;q.prototype={get:function(a){return this.num[a]},getLength:function(){return this.num.length},multiply:function(a){for(var c=Array(this.getLength()+a.getLength()-1),d=0;d<this.getLength();d++)for(var b=0;b<a.getLength();b++)c[d+b]^=l.gexp(l.glog(this.get(d))+l.glog(a.get(b)));return new q(c,0)},mod:function(a){if(0>
-this.getLength()-a.getLength())return this;for(var c=l.glog(this.get(0))-l.glog(a.get(0)),d=Array(this.getLength()),b=0;b<this.getLength();b++)d[b]=this.get(b);for(b=0;b<a.getLength();b++)d[b]^=l.gexp(l.glog(a.get(b))+c);return(new q(d,0)).mod(a)}};p.RS_BLOCK_TABLE=[[1,26,19],[1,26,16],[1,26,13],[1,26,9],[1,44,34],[1,44,28],[1,44,22],[1,44,16],[1,70,55],[1,70,44],[2,35,17],[2,35,13],[1,100,80],[2,50,32],[2,50,24],[4,25,9],[1,134,108],[2,67,43],[2,33,15,2,34,16],[2,33,11,2,34,12],[2,86,68],[4,43,27],
-[4,43,19],[4,43,15],[2,98,78],[4,49,31],[2,32,14,4,33,15],[4,39,13,1,40,14],[2,121,97],[2,60,38,2,61,39],[4,40,18,2,41,19],[4,40,14,2,41,15],[2,146,116],[3,58,36,2,59,37],[4,36,16,4,37,17],[4,36,12,4,37,13],[2,86,68,2,87,69],[4,69,43,1,70,44],[6,43,19,2,44,20],[6,43,15,2,44,16],[4,101,81],[1,80,50,4,81,51],[4,50,22,4,51,23],[3,36,12,8,37,13],[2,116,92,2,117,93],[6,58,36,2,59,37],[4,46,20,6,47,21],[7,42,14,4,43,15],[4,133,107],[8,59,37,1,60,38],[8,44,20,4,45,21],[12,33,11,4,34,12],[3,145,115,1,146,
-116],[4,64,40,5,65,41],[11,36,16,5,37,17],[11,36,12,5,37,13],[5,109,87,1,110,88],[5,65,41,5,66,42],[5,54,24,7,55,25],[11,36,12],[5,122,98,1,123,99],[7,73,45,3,74,46],[15,43,19,2,44,20],[3,45,15,13,46,16],[1,135,107,5,136,108],[10,74,46,1,75,47],[1,50,22,15,51,23],[2,42,14,17,43,15],[5,150,120,1,151,121],[9,69,43,4,70,44],[17,50,22,1,51,23],[2,42,14,19,43,15],[3,141,113,4,142,114],[3,70,44,11,71,45],[17,47,21,4,48,22],[9,39,13,16,40,14],[3,135,107,5,136,108],[3,67,41,13,68,42],[15,54,24,5,55,25],[15,
-43,15,10,44,16],[4,144,116,4,145,117],[17,68,42],[17,50,22,6,51,23],[19,46,16,6,47,17],[2,139,111,7,140,112],[17,74,46],[7,54,24,16,55,25],[34,37,13],[4,151,121,5,152,122],[4,75,47,14,76,48],[11,54,24,14,55,25],[16,45,15,14,46,16],[6,147,117,4,148,118],[6,73,45,14,74,46],[11,54,24,16,55,25],[30,46,16,2,47,17],[8,132,106,4,133,107],[8,75,47,13,76,48],[7,54,24,22,55,25],[22,45,15,13,46,16],[10,142,114,2,143,115],[19,74,46,4,75,47],[28,50,22,6,51,23],[33,46,16,4,47,17],[8,152,122,4,153,123],[22,73,45,
-3,74,46],[8,53,23,26,54,24],[12,45,15,28,46,16],[3,147,117,10,148,118],[3,73,45,23,74,46],[4,54,24,31,55,25],[11,45,15,31,46,16],[7,146,116,7,147,117],[21,73,45,7,74,46],[1,53,23,37,54,24],[19,45,15,26,46,16],[5,145,115,10,146,116],[19,75,47,10,76,48],[15,54,24,25,55,25],[23,45,15,25,46,16],[13,145,115,3,146,116],[2,74,46,29,75,47],[42,54,24,1,55,25],[23,45,15,28,46,16],[17,145,115],[10,74,46,23,75,47],[10,54,24,35,55,25],[19,45,15,35,46,16],[17,145,115,1,146,116],[14,74,46,21,75,47],[29,54,24,19,
-55,25],[11,45,15,46,46,16],[13,145,115,6,146,116],[14,74,46,23,75,47],[44,54,24,7,55,25],[59,46,16,1,47,17],[12,151,121,7,152,122],[12,75,47,26,76,48],[39,54,24,14,55,25],[22,45,15,41,46,16],[6,151,121,14,152,122],[6,75,47,34,76,48],[46,54,24,10,55,25],[2,45,15,64,46,16],[17,152,122,4,153,123],[29,74,46,14,75,47],[49,54,24,10,55,25],[24,45,15,46,46,16],[4,152,122,18,153,123],[13,74,46,32,75,47],[48,54,24,14,55,25],[42,45,15,32,46,16],[20,147,117,4,148,118],[40,75,47,7,76,48],[43,54,24,22,55,25],[10,
-45,15,67,46,16],[19,148,118,6,149,119],[18,75,47,31,76,48],[34,54,24,34,55,25],[20,45,15,61,46,16]];p.getRSBlocks=function(a,c){var d=p.getRsBlockTable(a,c);if(void 0==d)throw Error("bad rs block @ typeNumber:"+a+"/errorCorrectLevel:"+c);for(var b=d.length/3,e=[],f=0;f<b;f++)for(var h=d[3*f+0],g=d[3*f+1],j=d[3*f+2],l=0;l<h;l++)e.push(new p(g,j));return e};p.getRsBlockTable=function(a,c){switch(c){case 1:return p.RS_BLOCK_TABLE[4*(a-1)+0];case 0:return p.RS_BLOCK_TABLE[4*(a-1)+1];case 3:return p.RS_BLOCK_TABLE[4*
-(a-1)+2];case 2:return p.RS_BLOCK_TABLE[4*(a-1)+3]}};t.prototype={get:function(a){return 1==(this.buffer[Math.floor(a/8)]>>>7-a%8&1)},put:function(a,c){for(var d=0;d<c;d++)this.putBit(1==(a>>>c-d-1&1))},getLengthInBits:function(){return this.length},putBit:function(a){var c=Math.floor(this.length/8);this.buffer.length<=c&&this.buffer.push(0);a&&(this.buffer[c]|=128>>>this.length%8);this.length++}};"string"===typeof h&&(h={text:h});h=r.extend({},{render:"canvas",width:256,height:256,typeNumber:-1,
-correctLevel:2,background:"#ffffff",foreground:"#000000"},h);return this.each(function(){var a;if("canvas"==h.render){a=new o(h.typeNumber,h.correctLevel);a.addData(h.text);a.make();var c=document.createElement("canvas");c.width=h.width;c.height=h.height;for(var d=c.getContext("2d"),b=h.width/a.getModuleCount(),e=h.height/a.getModuleCount(),f=0;f<a.getModuleCount();f++)for(var i=0;i<a.getModuleCount();i++){d.fillStyle=a.isDark(f,i)?h.foreground:h.background;var g=Math.ceil((i+1)*b)-Math.floor(i*b),
-j=Math.ceil((f+1)*b)-Math.floor(f*b);d.fillRect(Math.round(i*b),Math.round(f*e),g,j)}}else{a=new o(h.typeNumber,h.correctLevel);a.addData(h.text);a.make();c=r("<table></table>").css("width",h.width+"px").css("height",h.height+"px").css("border","0px").css("border-collapse","collapse").css("background-color",h.background);d=h.width/a.getModuleCount();b=h.height/a.getModuleCount();for(e=0;e<a.getModuleCount();e++){f=r("<tr></tr>").css("height",b+"px").appendTo(c);for(i=0;i<a.getModuleCount();i++)r("<td></td>").css("width",
-d+"px").css("background-color",a.isDark(e,i)?h.foreground:h.background).appendTo(f)}}a=c;jQuery(a).appendTo(this)})}})(jQuery);
+/* jQuery.qrcode 0.12.0 - http://larsjung.de/jquery-qrcode/ - uses //github.com/kazuhikoarase/qrcode-generator (MIT) */
+(function (qrcode) {
+    'use strict';
+
+    var $ = jQuery;
+
+    // Wrapper for the original QR code generator.
+    function QRCode(text, level, version, quiet) {
+
+        var qr = qrcode(version, level);
+        qr.addData(text);
+        qr.make();
+
+        quiet = quiet || 0;
+
+        var qrModuleCount = qr.getModuleCount();
+        var quietModuleCount = qr.getModuleCount() + 2 * quiet;
+
+        function isDark(row, col) {
+
+            row -= quiet;
+            col -= quiet;
+
+            if (row < 0 || row >= qrModuleCount || col < 0 || col >= qrModuleCount) {
+                return false;
+            }
+
+            return qr.isDark(row, col);
+        }
+
+        var addBlank = function (l, t, r, b) {
+
+            var prevIsDark = this.isDark;
+            var moduleSize = 1 / quietModuleCount;
+
+            this.isDark = function (row, col) {
+
+                var ml = col * moduleSize;
+                var mt = row * moduleSize;
+                var mr = ml + moduleSize;
+                var mb = mt + moduleSize;
+
+                return prevIsDark(row, col) && (l > mr || ml > r || t > mb || mt > b);
+            };
+        };
+
+        this.text = text;
+        this.level = level;
+        this.version = version;
+        this.moduleCount = quietModuleCount;
+        this.isDark = isDark;
+        this.addBlank = addBlank;
+    }
+
+    // Check if canvas is available in the browser (as Modernizr does)
+    var hasCanvas = (function () {
+
+        var elem = document.createElement('canvas');
+        return Boolean(elem.getContext && elem.getContext('2d'));
+    }());
+    var hasArcTo = Object.prototype.toString.call(window.opera) !== '[object Opera]';
+
+    // Returns a minimal QR code for the given text starting with version `minVersion`.
+    // Returns `undefined` if `text` is too long to be encoded in `maxVersion`.
+    function createQRCode(text, level, minVersion, maxVersion, quiet) {
+
+        minVersion = Math.max(1, minVersion || 1);
+        maxVersion = Math.min(40, maxVersion || 40);
+        for (var version = minVersion; version <= maxVersion; version += 1) {
+            try {
+                return new QRCode(text, level, version, quiet);
+            } catch (err) {}
+        }
+    }
+
+    function drawBackgroundLabel(qr, context, settings) {
+
+        var size = settings.size;
+        var font = 'bold ' + (settings.mSize * size) + 'px ' + settings.fontname;
+        var ctx = $('<canvas/>')[0].getContext('2d');
+
+        ctx.font = font;
+
+        var w = ctx.measureText(settings.label).width;
+        var sh = settings.mSize;
+        var sw = w / size;
+        var sl = (1 - sw) * settings.mPosX;
+        var st = (1 - sh) * settings.mPosY;
+        var sr = sl + sw;
+        var sb = st + sh;
+        var pad = 0.01;
+
+        if (settings.mode === 1) {
+            // Strip
+            qr.addBlank(0, st - pad, size, sb + pad);
+        } else {
+            // Box
+            qr.addBlank(sl - pad, st - pad, sr + pad, sb + pad);
+        }
+
+        context.fillStyle = settings.fontcolor;
+        context.font = font;
+        context.fillText(settings.label, sl * size, st * size + 0.75 * settings.mSize * size);
+    }
+
+    function drawBackgroundImage(qr, context, settings) {
+
+        var size = settings.size;
+        var w = settings.image.naturalWidth || 1;
+        var h = settings.image.naturalHeight || 1;
+        var sh = settings.mSize;
+        var sw = sh * w / h;
+        var sl = (1 - sw) * settings.mPosX;
+        var st = (1 - sh) * settings.mPosY;
+        var sr = sl + sw;
+        var sb = st + sh;
+        var pad = 0.01;
+
+        if (settings.mode === 3) {
+            // Strip
+            qr.addBlank(0, st - pad, size, sb + pad);
+        } else {
+            // Box
+            qr.addBlank(sl - pad, st - pad, sr + pad, sb + pad);
+        }
+
+        context.drawImage(settings.image, sl * size, st * size, sw * size, sh * size);
+    }
+
+    function drawBackground(qr, context, settings) {
+
+        if ($(settings.background).is('img')) {
+            context.drawImage(settings.background, 0, 0, settings.size, settings.size);
+        } else if (settings.background) {
+            context.fillStyle = settings.background;
+            context.fillRect(settings.left, settings.top, settings.size, settings.size);
+        }
+
+        var mode = settings.mode;
+        if (mode === 1 || mode === 2) {
+            drawBackgroundLabel(qr, context, settings);
+        } else if (mode === 3 || mode === 4) {
+            drawBackgroundImage(qr, context, settings);
+        }
+    }
+
+    function drawModuleDefault(qr, context, settings, left, top, width, row, col) {
+
+        if (qr.isDark(row, col)) {
+            context.rect(left, top, width, width);
+        }
+    }
+
+    function drawModuleRoundedDark(ctx, l, t, r, b, rad, nw, ne, se, sw) {
+
+        if (nw) {
+            ctx.moveTo(l + rad, t);
+        } else {
+            ctx.moveTo(l, t);
+        }
+
+        if (ne) {
+            ctx.lineTo(r - rad, t);
+            ctx.arcTo(r, t, r, b, rad);
+        } else {
+            ctx.lineTo(r, t);
+        }
+
+        if (se) {
+            ctx.lineTo(r, b - rad);
+            ctx.arcTo(r, b, l, b, rad);
+        } else {
+            ctx.lineTo(r, b);
+        }
+
+        if (sw) {
+            ctx.lineTo(l + rad, b);
+            ctx.arcTo(l, b, l, t, rad);
+        } else {
+            ctx.lineTo(l, b);
+        }
+
+        if (nw) {
+            ctx.lineTo(l, t + rad);
+            ctx.arcTo(l, t, r, t, rad);
+        } else {
+            ctx.lineTo(l, t);
+        }
+    }
+
+    function drawModuleRoundendLight(ctx, l, t, r, b, rad, nw, ne, se, sw) {
+
+        if (nw) {
+            ctx.moveTo(l + rad, t);
+            ctx.lineTo(l, t);
+            ctx.lineTo(l, t + rad);
+            ctx.arcTo(l, t, l + rad, t, rad);
+        }
+
+        if (ne) {
+            ctx.moveTo(r - rad, t);
+            ctx.lineTo(r, t);
+            ctx.lineTo(r, t + rad);
+            ctx.arcTo(r, t, r - rad, t, rad);
+        }
+
+        if (se) {
+            ctx.moveTo(r - rad, b);
+            ctx.lineTo(r, b);
+            ctx.lineTo(r, b - rad);
+            ctx.arcTo(r, b, r - rad, b, rad);
+        }
+
+        if (sw) {
+            ctx.moveTo(l + rad, b);
+            ctx.lineTo(l, b);
+            ctx.lineTo(l, b - rad);
+            ctx.arcTo(l, b, l + rad, b, rad);
+        }
+    }
+
+    function drawModuleRounded(qr, context, settings, left, top, width, row, col) {
+
+        var isDark = qr.isDark;
+        var right = left + width;
+        var bottom = top + width;
+        var radius = settings.radius * width;
+        var rowT = row - 1;
+        var rowB = row + 1;
+        var colL = col - 1;
+        var colR = col + 1;
+        var center = isDark(row, col);
+        var northwest = isDark(rowT, colL);
+        var north = isDark(rowT, col);
+        var northeast = isDark(rowT, colR);
+        var east = isDark(row, colR);
+        var southeast = isDark(rowB, colR);
+        var south = isDark(rowB, col);
+        var southwest = isDark(rowB, colL);
+        var west = isDark(row, colL);
+
+        if (center) {
+            drawModuleRoundedDark(context, left, top, right, bottom, radius, !north && !west, !north && !east, !south && !east, !south && !west);
+        } else {
+            drawModuleRoundendLight(context, left, top, right, bottom, radius, north && west && northwest, north && east && northeast, south && east && southeast, south && west && southwest);
+        }
+    }
+
+    function drawModules(qr, context, settings) {
+
+        var moduleCount = qr.moduleCount;
+        var moduleSize = settings.size / moduleCount;
+        var fn = drawModuleDefault;
+        var row;
+        var col;
+
+        if (hasArcTo && settings.radius > 0 && settings.radius <= 0.5) {
+            fn = drawModuleRounded;
+        }
+
+        context.beginPath();
+        for (row = 0; row < moduleCount; row += 1) {
+            for (col = 0; col < moduleCount; col += 1) {
+
+                var l = settings.left + col * moduleSize;
+                var t = settings.top + row * moduleSize;
+                var w = moduleSize;
+
+                fn(qr, context, settings, l, t, w, row, col);
+            }
+        }
+        if ($(settings.fill).is('img')) {
+            context.strokeStyle = 'rgba(0,0,0,0.5)';
+            context.lineWidth = 2;
+            context.stroke();
+            var prev = context.globalCompositeOperation;
+            context.globalCompositeOperation = 'destination-out';
+            context.fill();
+            context.globalCompositeOperation = prev;
+
+            context.clip();
+            context.drawImage(settings.fill, 0, 0, settings.size, settings.size);
+            context.restore();
+        } else {
+            context.fillStyle = settings.fill;
+            context.fill();
+        }
+    }
+
+    // Draws QR code to the given `canvas` and returns it.
+    function drawOnCanvas(canvas, settings) {
+
+        var qr = createQRCode(settings.text, settings.ecLevel, settings.minVersion, settings.maxVersion, settings.quiet);
+        if (!qr) {
+            return null;
+        }
+
+        var $canvas = $(canvas).data('qrcode', qr);
+        var context = $canvas[0].getContext('2d');
+
+        drawBackground(qr, context, settings);
+        drawModules(qr, context, settings);
+
+        return $canvas;
+    }
+
+    // Returns a `canvas` element representing the QR code for the given settings.
+    function createCanvas(settings) {
+
+        var $canvas = $('<canvas/>').attr('width', settings.size).attr('height', settings.size);
+        return drawOnCanvas($canvas, settings);
+    }
+
+    // Returns an `image` element representing the QR code for the given settings.
+    function createImage(settings) {
+
+        return $('<img/>').attr('src', createCanvas(settings)[0].toDataURL('image/png'));
+    }
+
+    // Returns a `div` element representing the QR code for the given settings.
+    function createDiv(settings) {
+
+        var qr = createQRCode(settings.text, settings.ecLevel, settings.minVersion, settings.maxVersion, settings.quiet);
+        if (!qr) {
+            return null;
+        }
+
+        // some shortcuts to improve compression
+        var settings_size = settings.size;
+        var settings_bgColor = settings.background;
+        var math_floor = Math.floor;
+
+        var moduleCount = qr.moduleCount;
+        var moduleSize = math_floor(settings_size / moduleCount);
+        var offset = math_floor(0.5 * (settings_size - moduleSize * moduleCount));
+
+        var row;
+        var col;
+
+        var containerCSS = {
+            position: 'relative',
+            left: 0,
+            top: 0,
+            padding: 0,
+            margin: 0,
+            width: settings_size,
+            height: settings_size
+        };
+        var darkCSS = {
+            position: 'absolute',
+            padding: 0,
+            margin: 0,
+            width: moduleSize,
+            height: moduleSize,
+            'background-color': settings.fill
+        };
+
+        var $div = $('<div/>').data('qrcode', qr).css(containerCSS);
+
+        if (settings_bgColor) {
+            $div.css('background-color', settings_bgColor);
+        }
+
+        for (row = 0; row < moduleCount; row += 1) {
+            for (col = 0; col < moduleCount; col += 1) {
+                if (qr.isDark(row, col)) {
+                    $('<div/>')
+                        .css(darkCSS)
+                        .css({
+                            left: offset + col * moduleSize,
+                            top: offset + row * moduleSize
+                        })
+                        .appendTo($div);
+                }
+            }
+        }
+
+        return $div;
+    }
+
+    function createHTML(settings) {
+
+        if (hasCanvas && settings.render === 'canvas') {
+            return createCanvas(settings);
+        } else if (hasCanvas && settings.render === 'image') {
+            return createImage(settings);
+        }
+
+        return createDiv(settings);
+    }
+
+    // Plugin
+    // ======
+
+    // Default settings
+    // ----------------
+    var defaults = {
+
+        // render method: `'canvas'`, `'image'` or `'div'`
+        render: 'canvas',
+
+        // version range somewhere in 1 .. 40
+        minVersion: 1,
+        maxVersion: 40,
+
+        // error correction level: `'L'`, `'M'`, `'Q'` or `'H'`
+        ecLevel: 'L',
+
+        // offset in pixel if drawn onto existing canvas
+        left: 0,
+        top: 0,
+
+        // size in pixel
+        size: 200,
+
+        // code color or image element
+        fill: '#000',
+
+        // background color or image element, `null` for transparent background
+        background: null,
+
+        // content
+        text: 'no text',
+
+        // corner radius relative to module width: 0.0 .. 0.5
+        radius: 0,
+
+        // quiet zone in modules
+        quiet: 0,
+
+        // modes
+        // 0: normal
+        // 1: label strip
+        // 2: label box
+        // 3: image strip
+        // 4: image box
+        mode: 0,
+
+        mSize: 0.1,
+        mPosX: 0.5,
+        mPosY: 0.5,
+
+        label: 'no label',
+        fontname: 'sans',
+        fontcolor: '#000',
+
+        image: null
+    };
+
+    // Register the plugin
+    // -------------------
+    $.fn.qrcode = function (options) {
+
+        var settings = $.extend({}, defaults, options);
+
+        return this.each(function () {
+
+            if (this.nodeName.toLowerCase() === 'canvas') {
+                drawOnCanvas(this, settings);
+            } else {
+                $(this).append(createHTML(settings));
+            }
+        });
+    };
+}(function () {
+
+    // `qrcode` is the single public function defined by the `QR Code Generator`
+    //---------------------------------------------------------------------
+    //
+    // QR Code Generator for JavaScript
+    //
+    // Copyright (c) 2009 Kazuhiko Arase
+    //
+    // URL: http://www.d-project.com/
+    //
+    // Licensed under the MIT license:
+    //  http://www.opensource.org/licenses/mit-license.php
+    //
+    // The word 'QR Code' is registered trademark of
+    // DENSO WAVE INCORPORATED
+    //  http://www.denso-wave.com/qrcode/faqpatent-e.html
+    //
+    //---------------------------------------------------------------------
+
+    var qrcode = function() {
+
+        //---------------------------------------------------------------------
+        // qrcode
+        //---------------------------------------------------------------------
+
+        /**
+         * qrcode
+         * @param typeNumber 1 to 40
+         * @param errorCorrectLevel 'L','M','Q','H'
+         */
+        var qrcode = function(typeNumber, errorCorrectLevel) {
+
+            var PAD0 = 0xEC;
+            var PAD1 = 0x11;
+
+            var _typeNumber = typeNumber;
+            var _errorCorrectLevel = QRErrorCorrectLevel[errorCorrectLevel];
+            var _modules = null;
+            var _moduleCount = 0;
+            var _dataCache = null;
+            var _dataList = new Array();
+
+            var _this = {};
+
+            var makeImpl = function(test, maskPattern) {
+
+                _moduleCount = _typeNumber * 4 + 17;
+                _modules = function(moduleCount) {
+                    var modules = new Array(moduleCount);
+                    for (var row = 0; row < moduleCount; row += 1) {
+                        modules[row] = new Array(moduleCount);
+                        for (var col = 0; col < moduleCount; col += 1) {
+                            modules[row][col] = null;
+                        }
+                    }
+                    return modules;
+                }(_moduleCount);
+
+                setupPositionProbePattern(0, 0);
+                setupPositionProbePattern(_moduleCount - 7, 0);
+                setupPositionProbePattern(0, _moduleCount - 7);
+                setupPositionAdjustPattern();
+                setupTimingPattern();
+                setupTypeInfo(test, maskPattern);
+
+                if (_typeNumber >= 7) {
+                    setupTypeNumber(test);
+                }
+
+                if (_dataCache == null) {
+                    _dataCache = createData(_typeNumber, _errorCorrectLevel, _dataList);
+                }
+
+                mapData(_dataCache, maskPattern);
+            };
+
+            var setupPositionProbePattern = function(row, col) {
+
+                for (var r = -1; r <= 7; r += 1) {
+
+                    if (row + r <= -1 || _moduleCount <= row + r) continue;
+
+                    for (var c = -1; c <= 7; c += 1) {
+
+                        if (col + c <= -1 || _moduleCount <= col + c) continue;
+
+                        if ( (0 <= r && r <= 6 && (c == 0 || c == 6) )
+                            || (0 <= c && c <= 6 && (r == 0 || r == 6) )
+                            || (2 <= r && r <= 4 && 2 <= c && c <= 4) ) {
+                            _modules[row + r][col + c] = true;
+                        } else {
+                            _modules[row + r][col + c] = false;
+                        }
+                    }
+                }
+            };
+
+            var getBestMaskPattern = function() {
+
+                var minLostPoint = 0;
+                var pattern = 0;
+
+                for (var i = 0; i < 8; i += 1) {
+
+                    makeImpl(true, i);
+
+                    var lostPoint = QRUtil.getLostPoint(_this);
+
+                    if (i == 0 || minLostPoint > lostPoint) {
+                        minLostPoint = lostPoint;
+                        pattern = i;
+                    }
+                }
+
+                return pattern;
+            };
+
+            var setupTimingPattern = function() {
+
+                for (var r = 8; r < _moduleCount - 8; r += 1) {
+                    if (_modules[r][6] != null) {
+                        continue;
+                    }
+                    _modules[r][6] = (r % 2 == 0);
+                }
+
+                for (var c = 8; c < _moduleCount - 8; c += 1) {
+                    if (_modules[6][c] != null) {
+                        continue;
+                    }
+                    _modules[6][c] = (c % 2 == 0);
+                }
+            };
+
+            var setupPositionAdjustPattern = function() {
+
+                var pos = QRUtil.getPatternPosition(_typeNumber);
+
+                for (var i = 0; i < pos.length; i += 1) {
+
+                    for (var j = 0; j < pos.length; j += 1) {
+
+                        var row = pos[i];
+                        var col = pos[j];
+
+                        if (_modules[row][col] != null) {
+                            continue;
+                        }
+
+                        for (var r = -2; r <= 2; r += 1) {
+
+                            for (var c = -2; c <= 2; c += 1) {
+
+                                if (r == -2 || r == 2 || c == -2 || c == 2
+                                    || (r == 0 && c == 0) ) {
+                                    _modules[row + r][col + c] = true;
+                                } else {
+                                    _modules[row + r][col + c] = false;
+                                }
+                            }
+                        }
+                    }
+                }
+            };
+
+            var setupTypeNumber = function(test) {
+
+                var bits = QRUtil.getBCHTypeNumber(_typeNumber);
+
+                for (var i = 0; i < 18; i += 1) {
+                    var mod = (!test && ( (bits >> i) & 1) == 1);
+                    _modules[Math.floor(i / 3)][i % 3 + _moduleCount - 8 - 3] = mod;
+                }
+
+                for (var i = 0; i < 18; i += 1) {
+                    var mod = (!test && ( (bits >> i) & 1) == 1);
+                    _modules[i % 3 + _moduleCount - 8 - 3][Math.floor(i / 3)] = mod;
+                }
+            };
+
+            var setupTypeInfo = function(test, maskPattern) {
+
+                var data = (_errorCorrectLevel << 3) | maskPattern;
+                var bits = QRUtil.getBCHTypeInfo(data);
+
+                // vertical
+                for (var i = 0; i < 15; i += 1) {
+
+                    var mod = (!test && ( (bits >> i) & 1) == 1);
+
+                    if (i < 6) {
+                        _modules[i][8] = mod;
+                    } else if (i < 8) {
+                        _modules[i + 1][8] = mod;
+                    } else {
+                        _modules[_moduleCount - 15 + i][8] = mod;
+                    }
+                }
+
+                // horizontal
+                for (var i = 0; i < 15; i += 1) {
+
+                    var mod = (!test && ( (bits >> i) & 1) == 1);
+
+                    if (i < 8) {
+                        _modules[8][_moduleCount - i - 1] = mod;
+                    } else if (i < 9) {
+                        _modules[8][15 - i - 1 + 1] = mod;
+                    } else {
+                        _modules[8][15 - i - 1] = mod;
+                    }
+                }
+
+                // fixed module
+                _modules[_moduleCount - 8][8] = (!test);
+            };
+
+            var mapData = function(data, maskPattern) {
+
+                var inc = -1;
+                var row = _moduleCount - 1;
+                var bitIndex = 7;
+                var byteIndex = 0;
+                var maskFunc = QRUtil.getMaskFunction(maskPattern);
+
+                for (var col = _moduleCount - 1; col > 0; col -= 2) {
+
+                    if (col == 6) col -= 1;
+
+                    while (true) {
+
+                        for (var c = 0; c < 2; c += 1) {
+
+                            if (_modules[row][col - c] == null) {
+
+                                var dark = false;
+
+                                if (byteIndex < data.length) {
+                                    dark = ( ( (data[byteIndex] >>> bitIndex) & 1) == 1);
+                                }
+
+                                var mask = maskFunc(row, col - c);
+
+                                if (mask) {
+                                    dark = !dark;
+                                }
+
+                                _modules[row][col - c] = dark;
+                                bitIndex -= 1;
+
+                                if (bitIndex == -1) {
+                                    byteIndex += 1;
+                                    bitIndex = 7;
+                                }
+                            }
+                        }
+
+                        row += inc;
+
+                        if (row < 0 || _moduleCount <= row) {
+                            row -= inc;
+                            inc = -inc;
+                            break;
+                        }
+                    }
+                }
+            };
+
+            var createBytes = function(buffer, rsBlocks) {
+
+                var offset = 0;
+
+                var maxDcCount = 0;
+                var maxEcCount = 0;
+
+                var dcdata = new Array(rsBlocks.length);
+                var ecdata = new Array(rsBlocks.length);
+
+                for (var r = 0; r < rsBlocks.length; r += 1) {
+
+                    var dcCount = rsBlocks[r].dataCount;
+                    var ecCount = rsBlocks[r].totalCount - dcCount;
+
+                    maxDcCount = Math.max(maxDcCount, dcCount);
+                    maxEcCount = Math.max(maxEcCount, ecCount);
+
+                    dcdata[r] = new Array(dcCount);
+
+                    for (var i = 0; i < dcdata[r].length; i += 1) {
+                        dcdata[r][i] = 0xff & buffer.getBuffer()[i + offset];
+                    }
+                    offset += dcCount;
+
+                    var rsPoly = QRUtil.getErrorCorrectPolynomial(ecCount);
+                    var rawPoly = qrPolynomial(dcdata[r], rsPoly.getLength() - 1);
+
+                    var modPoly = rawPoly.mod(rsPoly);
+                    ecdata[r] = new Array(rsPoly.getLength() - 1);
+                    for (var i = 0; i < ecdata[r].length; i += 1) {
+                        var modIndex = i + modPoly.getLength() - ecdata[r].length;
+                        ecdata[r][i] = (modIndex >= 0)? modPoly.getAt(modIndex) : 0;
+                    }
+                }
+
+                var totalCodeCount = 0;
+                for (var i = 0; i < rsBlocks.length; i += 1) {
+                    totalCodeCount += rsBlocks[i].totalCount;
+                }
+
+                var data = new Array(totalCodeCount);
+                var index = 0;
+
+                for (var i = 0; i < maxDcCount; i += 1) {
+                    for (var r = 0; r < rsBlocks.length; r += 1) {
+                        if (i < dcdata[r].length) {
+                            data[index] = dcdata[r][i];
+                            index += 1;
+                        }
+                    }
+                }
+
+                for (var i = 0; i < maxEcCount; i += 1) {
+                    for (var r = 0; r < rsBlocks.length; r += 1) {
+                        if (i < ecdata[r].length) {
+                            data[index] = ecdata[r][i];
+                            index += 1;
+                        }
+                    }
+                }
+
+                return data;
+            };
+
+            var createData = function(typeNumber, errorCorrectLevel, dataList) {
+
+                var rsBlocks = QRRSBlock.getRSBlocks(typeNumber, errorCorrectLevel);
+
+                var buffer = qrBitBuffer();
+
+                for (var i = 0; i < dataList.length; i += 1) {
+                    var data = dataList[i];
+                    buffer.put(data.getMode(), 4);
+                    buffer.put(data.getLength(), QRUtil.getLengthInBits(data.getMode(), typeNumber) );
+                    data.write(buffer);
+                }
+
+                // calc num max data.
+                var totalDataCount = 0;
+                for (var i = 0; i < rsBlocks.length; i += 1) {
+                    totalDataCount += rsBlocks[i].dataCount;
+                }
+
+                if (buffer.getLengthInBits() > totalDataCount * 8) {
+                    throw new Error('code length overflow. ('
+                    + buffer.getLengthInBits()
+                    + '>'
+                    + totalDataCount * 8
+                    + ')');
+                }
+
+                // end code
+                if (buffer.getLengthInBits() + 4 <= totalDataCount * 8) {
+                    buffer.put(0, 4);
+                }
+
+                // padding
+                while (buffer.getLengthInBits() % 8 != 0) {
+                    buffer.putBit(false);
+                }
+
+                // padding
+                while (true) {
+
+                    if (buffer.getLengthInBits() >= totalDataCount * 8) {
+                        break;
+                    }
+                    buffer.put(PAD0, 8);
+
+                    if (buffer.getLengthInBits() >= totalDataCount * 8) {
+                        break;
+                    }
+                    buffer.put(PAD1, 8);
+                }
+
+                return createBytes(buffer, rsBlocks);
+            };
+
+            _this.addData = function(data) {
+                var newData = qr8BitByte(data);
+                _dataList.push(newData);
+                _dataCache = null;
+            };
+
+            _this.isDark = function(row, col) {
+                if (row < 0 || _moduleCount <= row || col < 0 || _moduleCount <= col) {
+                    throw new Error(row + ',' + col);
+                }
+                return _modules[row][col];
+            };
+
+            _this.getModuleCount = function() {
+                return _moduleCount;
+            };
+
+            _this.make = function() {
+                makeImpl(false, getBestMaskPattern() );
+            };
+
+            _this.createTableTag = function(cellSize, margin) {
+
+                cellSize = cellSize || 2;
+                margin = (typeof margin == 'undefined')? cellSize * 4 : margin;
+
+                var qrHtml = '';
+
+                qrHtml += '<table style="';
+                qrHtml += ' border-width: 0px; border-style: none;';
+                qrHtml += ' border-collapse: collapse;';
+                qrHtml += ' padding: 0px; margin: ' + margin + 'px;';
+                qrHtml += '">';
+                qrHtml += '<tbody>';
+
+                for (var r = 0; r < _this.getModuleCount(); r += 1) {
+
+                    qrHtml += '<tr>';
+
+                    for (var c = 0; c < _this.getModuleCount(); c += 1) {
+                        qrHtml += '<td style="';
+                        qrHtml += ' border-width: 0px; border-style: none;';
+                        qrHtml += ' border-collapse: collapse;';
+                        qrHtml += ' padding: 0px; margin: 0px;';
+                        qrHtml += ' width: ' + cellSize + 'px;';
+                        qrHtml += ' height: ' + cellSize + 'px;';
+                        qrHtml += ' background-color: ';
+                        qrHtml += _this.isDark(r, c)? '#000000' : '#ffffff';
+                        qrHtml += ';';
+                        qrHtml += '"/>';
+                    }
+
+                    qrHtml += '</tr>';
+                }
+
+                qrHtml += '</tbody>';
+                qrHtml += '</table>';
+
+                return qrHtml;
+            };
+
+            _this.createImgTag = function(cellSize, margin) {
+
+                cellSize = cellSize || 2;
+                margin = (typeof margin == 'undefined')? cellSize * 4 : margin;
+
+                var size = _this.getModuleCount() * cellSize + margin * 2;
+                var min = margin;
+                var max = size - margin;
+
+                return createImgTag(size, size, function(x, y) {
+                    if (min <= x && x < max && min <= y && y < max) {
+                        var c = Math.floor( (x - min) / cellSize);
+                        var r = Math.floor( (y - min) / cellSize);
+                        return _this.isDark(r, c)? 0 : 1;
+                    } else {
+                        return 1;
+                    }
+                } );
+            };
+
+            return _this;
+        };
+
+        //---------------------------------------------------------------------
+        // qrcode.stringToBytes
+        //---------------------------------------------------------------------
+
+        qrcode.stringToBytes = function(s) {
+            var bytes = new Array();
+            for (var i = 0; i < s.length; i += 1) {
+                var c = s.charCodeAt(i);
+                bytes.push(c & 0xff);
+            }
+            return bytes;
+        };
+
+        //---------------------------------------------------------------------
+        // qrcode.createStringToBytes
+        //---------------------------------------------------------------------
+
+        /**
+         * @param unicodeData base64 string of byte array.
+         * [16bit Unicode],[16bit Bytes], ...
+         * @param numChars
+         */
+        qrcode.createStringToBytes = function(unicodeData, numChars) {
+
+            // create conversion map.
+
+            var unicodeMap = function() {
+
+                var bin = base64DecodeInputStream(unicodeData);
+                var read = function() {
+                    var b = bin.read();
+                    if (b == -1) throw new Error();
+                    return b;
+                };
+
+                var count = 0;
+                var unicodeMap = {};
+                while (true) {
+                    var b0 = bin.read();
+                    if (b0 == -1) break;
+                    var b1 = read();
+                    var b2 = read();
+                    var b3 = read();
+                    var k = String.fromCharCode( (b0 << 8) | b1);
+                    var v = (b2 << 8) | b3;
+                    unicodeMap[k] = v;
+                    count += 1;
+                }
+                if (count != numChars) {
+                    throw new Error(count + ' != ' + numChars);
+                }
+
+                return unicodeMap;
+            }();
+
+            var unknownChar = '?'.charCodeAt(0);
+
+            return function(s) {
+                var bytes = new Array();
+                for (var i = 0; i < s.length; i += 1) {
+                    var c = s.charCodeAt(i);
+                    if (c < 128) {
+                        bytes.push(c);
+                    } else {
+                        var b = unicodeMap[s.charAt(i)];
+                        if (typeof b == 'number') {
+                            if ( (b & 0xff) == b) {
+                                // 1byte
+                                bytes.push(b);
+                            } else {
+                                // 2bytes
+                                bytes.push(b >>> 8);
+                                bytes.push(b & 0xff);
+                            }
+                        } else {
+                            bytes.push(unknownChar);
+                        }
+                    }
+                }
+                return bytes;
+            };
+        };
+
+        //---------------------------------------------------------------------
+        // QRMode
+        //---------------------------------------------------------------------
+
+        var QRMode = {
+            MODE_NUMBER :    1 << 0,
+            MODE_ALPHA_NUM : 1 << 1,
+            MODE_8BIT_BYTE : 1 << 2,
+            MODE_KANJI :     1 << 3
+        };
+
+        //---------------------------------------------------------------------
+        // QRErrorCorrectLevel
+        //---------------------------------------------------------------------
+
+        var QRErrorCorrectLevel = {
+            L : 1,
+            M : 0,
+            Q : 3,
+            H : 2
+        };
+
+        //---------------------------------------------------------------------
+        // QRMaskPattern
+        //---------------------------------------------------------------------
+
+        var QRMaskPattern = {
+            PATTERN000 : 0,
+            PATTERN001 : 1,
+            PATTERN010 : 2,
+            PATTERN011 : 3,
+            PATTERN100 : 4,
+            PATTERN101 : 5,
+            PATTERN110 : 6,
+            PATTERN111 : 7
+        };
+
+        //---------------------------------------------------------------------
+        // QRUtil
+        //---------------------------------------------------------------------
+
+        var QRUtil = function() {
+
+            var PATTERN_POSITION_TABLE = [
+                [],
+                [6, 18],
+                [6, 22],
+                [6, 26],
+                [6, 30],
+                [6, 34],
+                [6, 22, 38],
+                [6, 24, 42],
+                [6, 26, 46],
+                [6, 28, 50],
+                [6, 30, 54],
+                [6, 32, 58],
+                [6, 34, 62],
+                [6, 26, 46, 66],
+                [6, 26, 48, 70],
+                [6, 26, 50, 74],
+                [6, 30, 54, 78],
+                [6, 30, 56, 82],
+                [6, 30, 58, 86],
+                [6, 34, 62, 90],
+                [6, 28, 50, 72, 94],
+                [6, 26, 50, 74, 98],
+                [6, 30, 54, 78, 102],
+                [6, 28, 54, 80, 106],
+                [6, 32, 58, 84, 110],
+                [6, 30, 58, 86, 114],
+                [6, 34, 62, 90, 118],
+                [6, 26, 50, 74, 98, 122],
+                [6, 30, 54, 78, 102, 126],
+                [6, 26, 52, 78, 104, 130],
+                [6, 30, 56, 82, 108, 134],
+                [6, 34, 60, 86, 112, 138],
+                [6, 30, 58, 86, 114, 142],
+                [6, 34, 62, 90, 118, 146],
+                [6, 30, 54, 78, 102, 126, 150],
+                [6, 24, 50, 76, 102, 128, 154],
+                [6, 28, 54, 80, 106, 132, 158],
+                [6, 32, 58, 84, 110, 136, 162],
+                [6, 26, 54, 82, 110, 138, 166],
+                [6, 30, 58, 86, 114, 142, 170]
+            ];
+            var G15 = (1 << 10) | (1 << 8) | (1 << 5) | (1 << 4) | (1 << 2) | (1 << 1) | (1 << 0);
+            var G18 = (1 << 12) | (1 << 11) | (1 << 10) | (1 << 9) | (1 << 8) | (1 << 5) | (1 << 2) | (1 << 0);
+            var G15_MASK = (1 << 14) | (1 << 12) | (1 << 10) | (1 << 4) | (1 << 1);
+
+            var _this = {};
+
+            var getBCHDigit = function(data) {
+                var digit = 0;
+                while (data != 0) {
+                    digit += 1;
+                    data >>>= 1;
+                }
+                return digit;
+            };
+
+            _this.getBCHTypeInfo = function(data) {
+                var d = data << 10;
+                while (getBCHDigit(d) - getBCHDigit(G15) >= 0) {
+                    d ^= (G15 << (getBCHDigit(d) - getBCHDigit(G15) ) );
+                }
+                return ( (data << 10) | d) ^ G15_MASK;
+            };
+
+            _this.getBCHTypeNumber = function(data) {
+                var d = data << 12;
+                while (getBCHDigit(d) - getBCHDigit(G18) >= 0) {
+                    d ^= (G18 << (getBCHDigit(d) - getBCHDigit(G18) ) );
+                }
+                return (data << 12) | d;
+            };
+
+            _this.getPatternPosition = function(typeNumber) {
+                return PATTERN_POSITION_TABLE[typeNumber - 1];
+            };
+
+            _this.getMaskFunction = function(maskPattern) {
+
+                switch (maskPattern) {
+
+                    case QRMaskPattern.PATTERN000 :
+                        return function(i, j) { return (i + j) % 2 == 0; };
+                    case QRMaskPattern.PATTERN001 :
+                        return function(i, j) { return i % 2 == 0; };
+                    case QRMaskPattern.PATTERN010 :
+                        return function(i, j) { return j % 3 == 0; };
+                    case QRMaskPattern.PATTERN011 :
+                        return function(i, j) { return (i + j) % 3 == 0; };
+                    case QRMaskPattern.PATTERN100 :
+                        return function(i, j) { return (Math.floor(i / 2) + Math.floor(j / 3) ) % 2 == 0; };
+                    case QRMaskPattern.PATTERN101 :
+                        return function(i, j) { return (i * j) % 2 + (i * j) % 3 == 0; };
+                    case QRMaskPattern.PATTERN110 :
+                        return function(i, j) { return ( (i * j) % 2 + (i * j) % 3) % 2 == 0; };
+                    case QRMaskPattern.PATTERN111 :
+                        return function(i, j) { return ( (i * j) % 3 + (i + j) % 2) % 2 == 0; };
+
+                    default :
+                        throw new Error('bad maskPattern:' + maskPattern);
+                }
+            };
+
+            _this.getErrorCorrectPolynomial = function(errorCorrectLength) {
+                var a = qrPolynomial([1], 0);
+                for (var i = 0; i < errorCorrectLength; i += 1) {
+                    a = a.multiply(qrPolynomial([1, QRMath.gexp(i)], 0) );
+                }
+                return a;
+            };
+
+            _this.getLengthInBits = function(mode, type) {
+
+                if (1 <= type && type < 10) {
+
+                    // 1 - 9
+
+                    switch(mode) {
+                        case QRMode.MODE_NUMBER    : return 10;
+                        case QRMode.MODE_ALPHA_NUM : return 9;
+                        case QRMode.MODE_8BIT_BYTE : return 8;
+                        case QRMode.MODE_KANJI     : return 8;
+                        default :
+                            throw new Error('mode:' + mode);
+                    }
+
+                } else if (type < 27) {
+
+                    // 10 - 26
+
+                    switch(mode) {
+                        case QRMode.MODE_NUMBER    : return 12;
+                        case QRMode.MODE_ALPHA_NUM : return 11;
+                        case QRMode.MODE_8BIT_BYTE : return 16;
+                        case QRMode.MODE_KANJI     : return 10;
+                        default :
+                            throw new Error('mode:' + mode);
+                    }
+
+                } else if (type < 41) {
+
+                    // 27 - 40
+
+                    switch(mode) {
+                        case QRMode.MODE_NUMBER    : return 14;
+                        case QRMode.MODE_ALPHA_NUM : return 13;
+                        case QRMode.MODE_8BIT_BYTE : return 16;
+                        case QRMode.MODE_KANJI     : return 12;
+                        default :
+                            throw new Error('mode:' + mode);
+                    }
+
+                } else {
+                    throw new Error('type:' + type);
+                }
+            };
+
+            _this.getLostPoint = function(qrcode) {
+
+                var moduleCount = qrcode.getModuleCount();
+
+                var lostPoint = 0;
+
+                // LEVEL1
+
+                for (var row = 0; row < moduleCount; row += 1) {
+                    for (var col = 0; col < moduleCount; col += 1) {
+
+                        var sameCount = 0;
+                        var dark = qrcode.isDark(row, col);
+
+                        for (var r = -1; r <= 1; r += 1) {
+
+                            if (row + r < 0 || moduleCount <= row + r) {
+                                continue;
+                            }
+
+                            for (var c = -1; c <= 1; c += 1) {
+
+                                if (col + c < 0 || moduleCount <= col + c) {
+                                    continue;
+                                }
+
+                                if (r == 0 && c == 0) {
+                                    continue;
+                                }
+
+                                if (dark == qrcode.isDark(row + r, col + c) ) {
+                                    sameCount += 1;
+                                }
+                            }
+                        }
+
+                        if (sameCount > 5) {
+                            lostPoint += (3 + sameCount - 5);
+                        }
+                    }
+                };
+
+                // LEVEL2
+
+                for (var row = 0; row < moduleCount - 1; row += 1) {
+                    for (var col = 0; col < moduleCount - 1; col += 1) {
+                        var count = 0;
+                        if (qrcode.isDark(row, col) ) count += 1;
+                        if (qrcode.isDark(row + 1, col) ) count += 1;
+                        if (qrcode.isDark(row, col + 1) ) count += 1;
+                        if (qrcode.isDark(row + 1, col + 1) ) count += 1;
+                        if (count == 0 || count == 4) {
+                            lostPoint += 3;
+                        }
+                    }
+                }
+
+                // LEVEL3
+
+                for (var row = 0; row < moduleCount; row += 1) {
+                    for (var col = 0; col < moduleCount - 6; col += 1) {
+                        if (qrcode.isDark(row, col)
+                            && !qrcode.isDark(row, col + 1)
+                            &&  qrcode.isDark(row, col + 2)
+                            &&  qrcode.isDark(row, col + 3)
+                            &&  qrcode.isDark(row, col + 4)
+                            && !qrcode.isDark(row, col + 5)
+                            &&  qrcode.isDark(row, col + 6) ) {
+                            lostPoint += 40;
+                        }
+                    }
+                }
+
+                for (var col = 0; col < moduleCount; col += 1) {
+                    for (var row = 0; row < moduleCount - 6; row += 1) {
+                        if (qrcode.isDark(row, col)
+                            && !qrcode.isDark(row + 1, col)
+                            &&  qrcode.isDark(row + 2, col)
+                            &&  qrcode.isDark(row + 3, col)
+                            &&  qrcode.isDark(row + 4, col)
+                            && !qrcode.isDark(row + 5, col)
+                            &&  qrcode.isDark(row + 6, col) ) {
+                            lostPoint += 40;
+                        }
+                    }
+                }
+
+                // LEVEL4
+
+                var darkCount = 0;
+
+                for (var col = 0; col < moduleCount; col += 1) {
+                    for (var row = 0; row < moduleCount; row += 1) {
+                        if (qrcode.isDark(row, col) ) {
+                            darkCount += 1;
+                        }
+                    }
+                }
+
+                var ratio = Math.abs(100 * darkCount / moduleCount / moduleCount - 50) / 5;
+                lostPoint += ratio * 10;
+
+                return lostPoint;
+            };
+
+            return _this;
+        }();
+
+        //---------------------------------------------------------------------
+        // QRMath
+        //---------------------------------------------------------------------
+
+        var QRMath = function() {
+
+            var EXP_TABLE = new Array(256);
+            var LOG_TABLE = new Array(256);
+
+            // initialize tables
+            for (var i = 0; i < 8; i += 1) {
+                EXP_TABLE[i] = 1 << i;
+            }
+            for (var i = 8; i < 256; i += 1) {
+                EXP_TABLE[i] = EXP_TABLE[i - 4]
+                ^ EXP_TABLE[i - 5]
+                ^ EXP_TABLE[i - 6]
+                ^ EXP_TABLE[i - 8];
+            }
+            for (var i = 0; i < 255; i += 1) {
+                LOG_TABLE[EXP_TABLE[i] ] = i;
+            }
+
+            var _this = {};
+
+            _this.glog = function(n) {
+
+                if (n < 1) {
+                    throw new Error('glog(' + n + ')');
+                }
+
+                return LOG_TABLE[n];
+            };
+
+            _this.gexp = function(n) {
+
+                while (n < 0) {
+                    n += 255;
+                }
+
+                while (n >= 256) {
+                    n -= 255;
+                }
+
+                return EXP_TABLE[n];
+            };
+
+            return _this;
+        }();
+
+        //---------------------------------------------------------------------
+        // qrPolynomial
+        //---------------------------------------------------------------------
+
+        function qrPolynomial(num, shift) {
+
+            if (typeof num.length == 'undefined') {
+                throw new Error(num.length + '/' + shift);
+            }
+
+            var _num = function() {
+                var offset = 0;
+                while (offset < num.length && num[offset] == 0) {
+                    offset += 1;
+                }
+                var _num = new Array(num.length - offset + shift);
+                for (var i = 0; i < num.length - offset; i += 1) {
+                    _num[i] = num[i + offset];
+                }
+                return _num;
+            }();
+
+            var _this = {};
+
+            _this.getAt = function(index) {
+                return _num[index];
+            };
+
+            _this.getLength = function() {
+                return _num.length;
+            };
+
+            _this.multiply = function(e) {
+
+                var num = new Array(_this.getLength() + e.getLength() - 1);
+
+                for (var i = 0; i < _this.getLength(); i += 1) {
+                    for (var j = 0; j < e.getLength(); j += 1) {
+                        num[i + j] ^= QRMath.gexp(QRMath.glog(_this.getAt(i) ) + QRMath.glog(e.getAt(j) ) );
+                    }
+                }
+
+                return qrPolynomial(num, 0);
+            };
+
+            _this.mod = function(e) {
+
+                if (_this.getLength() - e.getLength() < 0) {
+                    return _this;
+                }
+
+                var ratio = QRMath.glog(_this.getAt(0) ) - QRMath.glog(e.getAt(0) );
+
+                var num = new Array(_this.getLength() );
+                for (var i = 0; i < _this.getLength(); i += 1) {
+                    num[i] = _this.getAt(i);
+                }
+
+                for (var i = 0; i < e.getLength(); i += 1) {
+                    num[i] ^= QRMath.gexp(QRMath.glog(e.getAt(i) ) + ratio);
+                }
+
+                // recursive call
+                return qrPolynomial(num, 0).mod(e);
+            };
+
+            return _this;
+        };
+
+        //---------------------------------------------------------------------
+        // QRRSBlock
+        //---------------------------------------------------------------------
+
+        var QRRSBlock = function() {
+
+            var RS_BLOCK_TABLE = [
+
+                // L
+                // M
+                // Q
+                // H
+
+                // 1
+                [1, 26, 19],
+                [1, 26, 16],
+                [1, 26, 13],
+                [1, 26, 9],
+
+                // 2
+                [1, 44, 34],
+                [1, 44, 28],
+                [1, 44, 22],
+                [1, 44, 16],
+
+                // 3
+                [1, 70, 55],
+                [1, 70, 44],
+                [2, 35, 17],
+                [2, 35, 13],
+
+                // 4
+                [1, 100, 80],
+                [2, 50, 32],
+                [2, 50, 24],
+                [4, 25, 9],
+
+                // 5
+                [1, 134, 108],
+                [2, 67, 43],
+                [2, 33, 15, 2, 34, 16],
+                [2, 33, 11, 2, 34, 12],
+
+                // 6
+                [2, 86, 68],
+                [4, 43, 27],
+                [4, 43, 19],
+                [4, 43, 15],
+
+                // 7
+                [2, 98, 78],
+                [4, 49, 31],
+                [2, 32, 14, 4, 33, 15],
+                [4, 39, 13, 1, 40, 14],
+
+                // 8
+                [2, 121, 97],
+                [2, 60, 38, 2, 61, 39],
+                [4, 40, 18, 2, 41, 19],
+                [4, 40, 14, 2, 41, 15],
+
+                // 9
+                [2, 146, 116],
+                [3, 58, 36, 2, 59, 37],
+                [4, 36, 16, 4, 37, 17],
+                [4, 36, 12, 4, 37, 13],
+
+                // 10
+                [2, 86, 68, 2, 87, 69],
+                [4, 69, 43, 1, 70, 44],
+                [6, 43, 19, 2, 44, 20],
+                [6, 43, 15, 2, 44, 16],
+
+                // 11
+                [4, 101, 81],
+                [1, 80, 50, 4, 81, 51],
+                [4, 50, 22, 4, 51, 23],
+                [3, 36, 12, 8, 37, 13],
+
+                // 12
+                [2, 116, 92, 2, 117, 93],
+                [6, 58, 36, 2, 59, 37],
+                [4, 46, 20, 6, 47, 21],
+                [7, 42, 14, 4, 43, 15],
+
+                // 13
+                [4, 133, 107],
+                [8, 59, 37, 1, 60, 38],
+                [8, 44, 20, 4, 45, 21],
+                [12, 33, 11, 4, 34, 12],
+
+                // 14
+                [3, 145, 115, 1, 146, 116],
+                [4, 64, 40, 5, 65, 41],
+                [11, 36, 16, 5, 37, 17],
+                [11, 36, 12, 5, 37, 13],
+
+                // 15
+                [5, 109, 87, 1, 110, 88],
+                [5, 65, 41, 5, 66, 42],
+                [5, 54, 24, 7, 55, 25],
+                [11, 36, 12, 7, 37, 13],
+
+                // 16
+                [5, 122, 98, 1, 123, 99],
+                [7, 73, 45, 3, 74, 46],
+                [15, 43, 19, 2, 44, 20],
+                [3, 45, 15, 13, 46, 16],
+
+                // 17
+                [1, 135, 107, 5, 136, 108],
+                [10, 74, 46, 1, 75, 47],
+                [1, 50, 22, 15, 51, 23],
+                [2, 42, 14, 17, 43, 15],
+
+                // 18
+                [5, 150, 120, 1, 151, 121],
+                [9, 69, 43, 4, 70, 44],
+                [17, 50, 22, 1, 51, 23],
+                [2, 42, 14, 19, 43, 15],
+
+                // 19
+                [3, 141, 113, 4, 142, 114],
+                [3, 70, 44, 11, 71, 45],
+                [17, 47, 21, 4, 48, 22],
+                [9, 39, 13, 16, 40, 14],
+
+                // 20
+                [3, 135, 107, 5, 136, 108],
+                [3, 67, 41, 13, 68, 42],
+                [15, 54, 24, 5, 55, 25],
+                [15, 43, 15, 10, 44, 16],
+
+                // 21
+                [4, 144, 116, 4, 145, 117],
+                [17, 68, 42],
+                [17, 50, 22, 6, 51, 23],
+                [19, 46, 16, 6, 47, 17],
+
+                // 22
+                [2, 139, 111, 7, 140, 112],
+                [17, 74, 46],
+                [7, 54, 24, 16, 55, 25],
+                [34, 37, 13],
+
+                // 23
+                [4, 151, 121, 5, 152, 122],
+                [4, 75, 47, 14, 76, 48],
+                [11, 54, 24, 14, 55, 25],
+                [16, 45, 15, 14, 46, 16],
+
+                // 24
+                [6, 147, 117, 4, 148, 118],
+                [6, 73, 45, 14, 74, 46],
+                [11, 54, 24, 16, 55, 25],
+                [30, 46, 16, 2, 47, 17],
+
+                // 25
+                [8, 132, 106, 4, 133, 107],
+                [8, 75, 47, 13, 76, 48],
+                [7, 54, 24, 22, 55, 25],
+                [22, 45, 15, 13, 46, 16],
+
+                // 26
+                [10, 142, 114, 2, 143, 115],
+                [19, 74, 46, 4, 75, 47],
+                [28, 50, 22, 6, 51, 23],
+                [33, 46, 16, 4, 47, 17],
+
+                // 27
+                [8, 152, 122, 4, 153, 123],
+                [22, 73, 45, 3, 74, 46],
+                [8, 53, 23, 26, 54, 24],
+                [12, 45, 15, 28, 46, 16],
+
+                // 28
+                [3, 147, 117, 10, 148, 118],
+                [3, 73, 45, 23, 74, 46],
+                [4, 54, 24, 31, 55, 25],
+                [11, 45, 15, 31, 46, 16],
+
+                // 29
+                [7, 146, 116, 7, 147, 117],
+                [21, 73, 45, 7, 74, 46],
+                [1, 53, 23, 37, 54, 24],
+                [19, 45, 15, 26, 46, 16],
+
+                // 30
+                [5, 145, 115, 10, 146, 116],
+                [19, 75, 47, 10, 76, 48],
+                [15, 54, 24, 25, 55, 25],
+                [23, 45, 15, 25, 46, 16],
+
+                // 31
+                [13, 145, 115, 3, 146, 116],
+                [2, 74, 46, 29, 75, 47],
+                [42, 54, 24, 1, 55, 25],
+                [23, 45, 15, 28, 46, 16],
+
+                // 32
+                [17, 145, 115],
+                [10, 74, 46, 23, 75, 47],
+                [10, 54, 24, 35, 55, 25],
+                [19, 45, 15, 35, 46, 16],
+
+                // 33
+                [17, 145, 115, 1, 146, 116],
+                [14, 74, 46, 21, 75, 47],
+                [29, 54, 24, 19, 55, 25],
+                [11, 45, 15, 46, 46, 16],
+
+                // 34
+                [13, 145, 115, 6, 146, 116],
+                [14, 74, 46, 23, 75, 47],
+                [44, 54, 24, 7, 55, 25],
+                [59, 46, 16, 1, 47, 17],
+
+                // 35
+                [12, 151, 121, 7, 152, 122],
+                [12, 75, 47, 26, 76, 48],
+                [39, 54, 24, 14, 55, 25],
+                [22, 45, 15, 41, 46, 16],
+
+                // 36
+                [6, 151, 121, 14, 152, 122],
+                [6, 75, 47, 34, 76, 48],
+                [46, 54, 24, 10, 55, 25],
+                [2, 45, 15, 64, 46, 16],
+
+                // 37
+                [17, 152, 122, 4, 153, 123],
+                [29, 74, 46, 14, 75, 47],
+                [49, 54, 24, 10, 55, 25],
+                [24, 45, 15, 46, 46, 16],
+
+                // 38
+                [4, 152, 122, 18, 153, 123],
+                [13, 74, 46, 32, 75, 47],
+                [48, 54, 24, 14, 55, 25],
+                [42, 45, 15, 32, 46, 16],
+
+                // 39
+                [20, 147, 117, 4, 148, 118],
+                [40, 75, 47, 7, 76, 48],
+                [43, 54, 24, 22, 55, 25],
+                [10, 45, 15, 67, 46, 16],
+
+                // 40
+                [19, 148, 118, 6, 149, 119],
+                [18, 75, 47, 31, 76, 48],
+                [34, 54, 24, 34, 55, 25],
+                [20, 45, 15, 61, 46, 16]
+            ];
+
+            var qrRSBlock = function(totalCount, dataCount) {
+                var _this = {};
+                _this.totalCount = totalCount;
+                _this.dataCount = dataCount;
+                return _this;
+            };
+
+            var _this = {};
+
+            var getRsBlockTable = function(typeNumber, errorCorrectLevel) {
+
+                switch(errorCorrectLevel) {
+                    case QRErrorCorrectLevel.L :
+                        return RS_BLOCK_TABLE[(typeNumber - 1) * 4 + 0];
+                    case QRErrorCorrectLevel.M :
+                        return RS_BLOCK_TABLE[(typeNumber - 1) * 4 + 1];
+                    case QRErrorCorrectLevel.Q :
+                        return RS_BLOCK_TABLE[(typeNumber - 1) * 4 + 2];
+                    case QRErrorCorrectLevel.H :
+                        return RS_BLOCK_TABLE[(typeNumber - 1) * 4 + 3];
+                    default :
+                        return undefined;
+                }
+            };
+
+            _this.getRSBlocks = function(typeNumber, errorCorrectLevel) {
+
+                var rsBlock = getRsBlockTable(typeNumber, errorCorrectLevel);
+
+                if (typeof rsBlock == 'undefined') {
+                    throw new Error('bad rs block @ typeNumber:' + typeNumber +
+                    '/errorCorrectLevel:' + errorCorrectLevel);
+                }
+
+                var length = rsBlock.length / 3;
+
+                var list = new Array();
+
+                for (var i = 0; i < length; i += 1) {
+
+                    var count = rsBlock[i * 3 + 0];
+                    var totalCount = rsBlock[i * 3 + 1];
+                    var dataCount = rsBlock[i * 3 + 2];
+
+                    for (var j = 0; j < count; j += 1) {
+                        list.push(qrRSBlock(totalCount, dataCount) );
+                    }
+                }
+
+                return list;
+            };
+
+            return _this;
+        }();
+
+        //---------------------------------------------------------------------
+        // qrBitBuffer
+        //---------------------------------------------------------------------
+
+        var qrBitBuffer = function() {
+
+            var _buffer = new Array();
+            var _length = 0;
+
+            var _this = {};
+
+            _this.getBuffer = function() {
+                return _buffer;
+            };
+
+            _this.getAt = function(index) {
+                var bufIndex = Math.floor(index / 8);
+                return ( (_buffer[bufIndex] >>> (7 - index % 8) ) & 1) == 1;
+            };
+
+            _this.put = function(num, length) {
+                for (var i = 0; i < length; i += 1) {
+                    _this.putBit( ( (num >>> (length - i - 1) ) & 1) == 1);
+                }
+            };
+
+            _this.getLengthInBits = function() {
+                return _length;
+            };
+
+            _this.putBit = function(bit) {
+
+                var bufIndex = Math.floor(_length / 8);
+                if (_buffer.length <= bufIndex) {
+                    _buffer.push(0);
+                }
+
+                if (bit) {
+                    _buffer[bufIndex] |= (0x80 >>> (_length % 8) );
+                }
+
+                _length += 1;
+            };
+
+            return _this;
+        };
+
+        //---------------------------------------------------------------------
+        // qr8BitByte
+        //---------------------------------------------------------------------
+
+        var qr8BitByte = function(data) {
+
+            var _mode = QRMode.MODE_8BIT_BYTE;
+            var _data = data;
+            var _bytes = qrcode.stringToBytes(data);
+
+            var _this = {};
+
+            _this.getMode = function() {
+                return _mode;
+            };
+
+            _this.getLength = function(buffer) {
+                return _bytes.length;
+            };
+
+            _this.write = function(buffer) {
+                for (var i = 0; i < _bytes.length; i += 1) {
+                    buffer.put(_bytes[i], 8);
+                }
+            };
+
+            return _this;
+        };
+
+        //=====================================================================
+        // GIF Support etc.
+        //
+
+        //---------------------------------------------------------------------
+        // byteArrayOutputStream
+        //---------------------------------------------------------------------
+
+        var byteArrayOutputStream = function() {
+
+            var _bytes = new Array();
+
+            var _this = {};
+
+            _this.writeByte = function(b) {
+                _bytes.push(b & 0xff);
+            };
+
+            _this.writeShort = function(i) {
+                _this.writeByte(i);
+                _this.writeByte(i >>> 8);
+            };
+
+            _this.writeBytes = function(b, off, len) {
+                off = off || 0;
+                len = len || b.length;
+                for (var i = 0; i < len; i += 1) {
+                    _this.writeByte(b[i + off]);
+                }
+            };
+
+            _this.writeString = function(s) {
+                for (var i = 0; i < s.length; i += 1) {
+                    _this.writeByte(s.charCodeAt(i) );
+                }
+            };
+
+            _this.toByteArray = function() {
+                return _bytes;
+            };
+
+            _this.toString = function() {
+                var s = '';
+                s += '[';
+                for (var i = 0; i < _bytes.length; i += 1) {
+                    if (i > 0) {
+                        s += ',';
+                    }
+                    s += _bytes[i];
+                }
+                s += ']';
+                return s;
+            };
+
+            return _this;
+        };
+
+        //---------------------------------------------------------------------
+        // base64EncodeOutputStream
+        //---------------------------------------------------------------------
+
+        var base64EncodeOutputStream = function() {
+
+            var _buffer = 0;
+            var _buflen = 0;
+            var _length = 0;
+            var _base64 = '';
+
+            var _this = {};
+
+            var writeEncoded = function(b) {
+                _base64 += String.fromCharCode(encode(b & 0x3f) );
+            };
+
+            var encode = function(n) {
+                if (n < 0) {
+                    // error.
+                } else if (n < 26) {
+                    return 0x41 + n;
+                } else if (n < 52) {
+                    return 0x61 + (n - 26);
+                } else if (n < 62) {
+                    return 0x30 + (n - 52);
+                } else if (n == 62) {
+                    return 0x2b;
+                } else if (n == 63) {
+                    return 0x2f;
+                }
+                throw new Error('n:' + n);
+            };
+
+            _this.writeByte = function(n) {
+
+                _buffer = (_buffer << 8) | (n & 0xff);
+                _buflen += 8;
+                _length += 1;
+
+                while (_buflen >= 6) {
+                    writeEncoded(_buffer >>> (_buflen - 6) );
+                    _buflen -= 6;
+                }
+            };
+
+            _this.flush = function() {
+
+                if (_buflen > 0) {
+                    writeEncoded(_buffer << (6 - _buflen) );
+                    _buffer = 0;
+                    _buflen = 0;
+                }
+
+                if (_length % 3 != 0) {
+                    // padding
+                    var padlen = 3 - _length % 3;
+                    for (var i = 0; i < padlen; i += 1) {
+                        _base64 += '=';
+                    }
+                }
+            };
+
+            _this.toString = function() {
+                return _base64;
+            };
+
+            return _this;
+        };
+
+        //---------------------------------------------------------------------
+        // base64DecodeInputStream
+        //---------------------------------------------------------------------
+
+        var base64DecodeInputStream = function(str) {
+
+            var _str = str;
+            var _pos = 0;
+            var _buffer = 0;
+            var _buflen = 0;
+
+            var _this = {};
+
+            _this.read = function() {
+
+                while (_buflen < 8) {
+
+                    if (_pos >= _str.length) {
+                        if (_buflen == 0) {
+                            return -1;
+                        }
+                        throw new Error('unexpected end of file./' + _buflen);
+                    }
+
+                    var c = _str.charAt(_pos);
+                    _pos += 1;
+
+                    if (c == '=') {
+                        _buflen = 0;
+                        return -1;
+                    } else if (c.match(/^\s$/) ) {
+                        // ignore if whitespace.
+                        continue;
+                    }
+
+                    _buffer = (_buffer << 6) | decode(c.charCodeAt(0) );
+                    _buflen += 6;
+                }
+
+                var n = (_buffer >>> (_buflen - 8) ) & 0xff;
+                _buflen -= 8;
+                return n;
+            };
+
+            var decode = function(c) {
+                if (0x41 <= c && c <= 0x5a) {
+                    return c - 0x41;
+                } else if (0x61 <= c && c <= 0x7a) {
+                    return c - 0x61 + 26;
+                } else if (0x30 <= c && c <= 0x39) {
+                    return c - 0x30 + 52;
+                } else if (c == 0x2b) {
+                    return 62;
+                } else if (c == 0x2f) {
+                    return 63;
+                } else {
+                    throw new Error('c:' + c);
+                }
+            };
+
+            return _this;
+        };
+
+        //---------------------------------------------------------------------
+        // gifImage (B/W)
+        //---------------------------------------------------------------------
+
+        var gifImage = function(width, height) {
+
+            var _width = width;
+            var _height = height;
+            var _data = new Array(width * height);
+
+            var _this = {};
+
+            _this.setPixel = function(x, y, pixel) {
+                _data[y * _width + x] = pixel;
+            };
+
+            _this.write = function(out) {
+
+                //---------------------------------
+                // GIF Signature
+
+                out.writeString('GIF87a');
+
+                //---------------------------------
+                // Screen Descriptor
+
+                out.writeShort(_width);
+                out.writeShort(_height);
+
+                out.writeByte(0x80); // 2bit
+                out.writeByte(0);
+                out.writeByte(0);
+
+                //---------------------------------
+                // Global Color Map
+
+                // black
+                out.writeByte(0x00);
+                out.writeByte(0x00);
+                out.writeByte(0x00);
+
+                // white
+                out.writeByte(0xff);
+                out.writeByte(0xff);
+                out.writeByte(0xff);
+
+                //---------------------------------
+                // Image Descriptor
+
+                out.writeString(',');
+                out.writeShort(0);
+                out.writeShort(0);
+                out.writeShort(_width);
+                out.writeShort(_height);
+                out.writeByte(0);
+
+                //---------------------------------
+                // Local Color Map
+
+                //---------------------------------
+                // Raster Data
+
+                var lzwMinCodeSize = 2;
+                var raster = getLZWRaster(lzwMinCodeSize);
+
+                out.writeByte(lzwMinCodeSize);
+
+                var offset = 0;
+
+                while (raster.length - offset > 255) {
+                    out.writeByte(255);
+                    out.writeBytes(raster, offset, 255);
+                    offset += 255;
+                }
+
+                out.writeByte(raster.length - offset);
+                out.writeBytes(raster, offset, raster.length - offset);
+                out.writeByte(0x00);
+
+                //---------------------------------
+                // GIF Terminator
+                out.writeString(';');
+            };
+
+            var bitOutputStream = function(out) {
+
+                var _out = out;
+                var _bitLength = 0;
+                var _bitBuffer = 0;
+
+                var _this = {};
+
+                _this.write = function(data, length) {
+
+                    if ( (data >>> length) != 0) {
+                        throw new Error('length over');
+                    }
+
+                    while (_bitLength + length >= 8) {
+                        _out.writeByte(0xff & ( (data << _bitLength) | _bitBuffer) );
+                        length -= (8 - _bitLength);
+                        data >>>= (8 - _bitLength);
+                        _bitBuffer = 0;
+                        _bitLength = 0;
+                    }
+
+                    _bitBuffer = (data << _bitLength) | _bitBuffer;
+                    _bitLength = _bitLength + length;
+                };
+
+                _this.flush = function() {
+                    if (_bitLength > 0) {
+                        _out.writeByte(_bitBuffer);
+                    }
+                };
+
+                return _this;
+            };
+
+            var getLZWRaster = function(lzwMinCodeSize) {
+
+                var clearCode = 1 << lzwMinCodeSize;
+                var endCode = (1 << lzwMinCodeSize) + 1;
+                var bitLength = lzwMinCodeSize + 1;
+
+                // Setup LZWTable
+                var table = lzwTable();
+
+                for (var i = 0; i < clearCode; i += 1) {
+                    table.add(String.fromCharCode(i) );
+                }
+                table.add(String.fromCharCode(clearCode) );
+                table.add(String.fromCharCode(endCode) );
+
+                var byteOut = byteArrayOutputStream();
+                var bitOut = bitOutputStream(byteOut);
+
+                // clear code
+                bitOut.write(clearCode, bitLength);
+
+                var dataIndex = 0;
+
+                var s = String.fromCharCode(_data[dataIndex]);
+                dataIndex += 1;
+
+                while (dataIndex < _data.length) {
+
+                    var c = String.fromCharCode(_data[dataIndex]);
+                    dataIndex += 1;
+
+                    if (table.contains(s + c) ) {
+
+                        s = s + c;
+
+                    } else {
+
+                        bitOut.write(table.indexOf(s), bitLength);
+
+                        if (table.size() < 0xfff) {
+
+                            if (table.size() == (1 << bitLength) ) {
+                                bitLength += 1;
+                            }
+
+                            table.add(s + c);
+                        }
+
+                        s = c;
+                    }
+                }
+
+                bitOut.write(table.indexOf(s), bitLength);
+
+                // end code
+                bitOut.write(endCode, bitLength);
+
+                bitOut.flush();
+
+                return byteOut.toByteArray();
+            };
+
+            var lzwTable = function() {
+
+                var _map = {};
+                var _size = 0;
+
+                var _this = {};
+
+                _this.add = function(key) {
+                    if (_this.contains(key) ) {
+                        throw new Error('dup key:' + key);
+                    }
+                    _map[key] = _size;
+                    _size += 1;
+                };
+
+                _this.size = function() {
+                    return _size;
+                };
+
+                _this.indexOf = function(key) {
+                    return _map[key];
+                };
+
+                _this.contains = function(key) {
+                    return typeof _map[key] != 'undefined';
+                };
+
+                return _this;
+            };
+
+            return _this;
+        };
+
+        var createImgTag = function(width, height, getPixel, alt) {
+
+            var gif = gifImage(width, height);
+            for (var y = 0; y < height; y += 1) {
+                for (var x = 0; x < width; x += 1) {
+                    gif.setPixel(x, y, getPixel(x, y) );
+                }
+            }
+
+            var b = byteArrayOutputStream();
+            gif.write(b);
+
+            var base64 = base64EncodeOutputStream();
+            var bytes = b.toByteArray();
+            for (var i = 0; i < bytes.length; i += 1) {
+                base64.writeByte(bytes[i]);
+            }
+            base64.flush();
+
+            var img = '';
+            img += '<img';
+            img += '\u0020src="';
+            img += 'data:image/gif;base64,';
+            img += base64;
+            img += '"';
+            img += '\u0020width="';
+            img += width;
+            img += '"';
+            img += '\u0020height="';
+            img += height;
+            img += '"';
+            if (alt) {
+                img += '\u0020alt="';
+                img += alt;
+                img += '"';
+            }
+            img += '/>';
+
+            return img;
+        };
+
+        //---------------------------------------------------------------------
+        // returns qrcode function.
+
+        return qrcode;
+    }();
+
+    (function (factory) {
+        if (typeof define === 'function' && define.amd) {
+            define([], factory);
+        } else if (typeof exports === 'object') {
+            module.exports = factory();
+        }
+    }(function () {
+        return qrcode;
+    }));
+    //---------------------------------------------------------------------
+    //
+    // QR Code Generator for JavaScript UTF8 Support (optional)
+    //
+    // Copyright (c) 2011 Kazuhiko Arase
+    //
+    // URL: http://www.d-project.com/
+    //
+    // Licensed under the MIT license:
+    //  http://www.opensource.org/licenses/mit-license.php
+    //
+    // The word 'QR Code' is registered trademark of
+    // DENSO WAVE INCORPORATED
+    //  http://www.denso-wave.com/qrcode/faqpatent-e.html
+    //
+    //---------------------------------------------------------------------
+
+    !function(qrcode) {
+
+        //---------------------------------------------------------------------
+        // overwrite qrcode.stringToBytes
+        //---------------------------------------------------------------------
+
+        qrcode.stringToBytes = function(s) {
+            // http://stackoverflow.com/questions/18729405/how-to-convert-utf8-string-to-byte-array
+            function toUTF8Array(str) {
+                var utf8 = [];
+                for (var i=0; i < str.length; i++) {
+                    var charcode = str.charCodeAt(i);
+                    if (charcode < 0x80) utf8.push(charcode);
+                    else if (charcode < 0x800) {
+                        utf8.push(0xc0 | (charcode >> 6),
+                            0x80 | (charcode & 0x3f));
+                    }
+                    else if (charcode < 0xd800 || charcode >= 0xe000) {
+                        utf8.push(0xe0 | (charcode >> 12),
+                            0x80 | ((charcode>>6) & 0x3f),
+                            0x80 | (charcode & 0x3f));
+                    }
+                    // surrogate pair
+                    else {
+                        i++;
+                        // UTF-16 encodes 0x10000-0x10FFFF by
+                        // subtracting 0x10000 and splitting the
+                        // 20 bits of 0x0-0xFFFFF into two halves
+                        charcode = 0x10000 + (((charcode & 0x3ff)<<10)
+                        | (str.charCodeAt(i) & 0x3ff));
+                        utf8.push(0xf0 | (charcode >>18),
+                            0x80 | ((charcode>>12) & 0x3f),
+                            0x80 | ((charcode>>6) & 0x3f),
+                            0x80 | (charcode & 0x3f));
+                    }
+                }
+                return utf8;
+            }
+            return toUTF8Array(s);
+        };
+
+    }(qrcode);
+
+    return qrcode;
+}()));

File diff suppressed because it is too large
+ 0 - 0
chrome/template/fehelper_endecode.html


+ 3 - 1
chrome/template/fehelper_jsonformat.html

@@ -14,7 +14,7 @@
                 <fieldset>
                     <legend>JSON格式化查看:请在下面粘贴你的JSON字符串</legend>
                     <textarea id="jsonSource" placeholder="在这里粘贴您需要进行格式化的JSON代码"></textarea>
-                    <div><button id="btnFormat" class="-e-btn">格式化</button></div>
+                    <div><span id="errorMsg"></span><button id="btnFormat" class="-e-btn">格式化</button></div>
                 </fieldset>
             </div>
 
@@ -25,8 +25,10 @@
                     </svg>
                     加载中...
                 </div>
+                <div id="jfCallbackName_start" class="callback-name"></div>
                 <div id="jfContent"></div>
                 <pre id="jfContent_pre"></pre>
+                <div id="jfCallbackName_end" class="callback-name"></div>
             </div>
         </div>
     </body>

+ 18 - 14
chrome/template/fehelper_qrcode.html

@@ -16,23 +16,15 @@
         <legend>选项</legend>
         <div id="tabs">
             <ul>
-                <li><a href="#tabs-0">网址</a></li>
                 <li><a href="#tabs-1">文本内容</a></li>
                 <li><a href="#tabs-2">电话号码</a></li>
                 <li><a href="#tabs-3">短信&amp;彩信</a></li>
                 <li><a href="#tabs-4">邮件地址</a></li>
                 <li><a href="#tabs-5">通讯录</a></li>
             </ul>
-            <div id="tabs-0">
-                <p>
-                    <label for="tab0_url">网址:</label>
-                    <textarea name="tab0_url" id="tab0_url" placeholder="在这里输入网址"></textarea>
-                </p>
-            </div>
             <div id="tabs-1">
                 <p>
-                    <label for="tab1_text">文字内容:</label>
-                    <textarea name="tab1_text" id="tab1_text" placeholder="在这里输入文字"></textarea>
+                    <textarea name="tab1_text" id="tab1_text" placeholder="可在这里输入文字、网址等"></textarea>
                 </p>
             </div>
             <div id="tabs-2">
@@ -100,13 +92,17 @@
         <div id="options">
             <input type="button" name="button" id="confirm_button" value="生成QR图"/>
             <p>
-                <span>尺寸:
-                    <input name="opt_width" type="text" id="opt_width" value="200" size="4" maxlength="4"/>
-                    x
-                    <input name="opt_height" type="text" id="opt_height" value="200" size="4" maxlength="4"/>
+                <span>
+                    尺寸:<input name="opt_width" type="text" id="opt_width" value="200" size="4" maxlength="4"/>
                 </span>
                 <span style="margin-left: 20px">
-                    颜色:<input type="text" id="opt_fc" value="#000000" size="10" readonly/>
+                    颜色:<input type="text" id="opt_fc" value="#000000" size="10" readonly/>
+                </span>
+                <span style="margin-left: 20px">
+                    图标:<input id="remove_icon" name="qr_icon" type="radio" value="0" checked><label for="remove_icon">不要</label>
+                    <input id="default_icon" name="qr_icon" type="radio" value="1"><label for="default_icon">默认</label>
+                    <input id="upload_icon" name="qr_icon" type="radio" value="2"><label for="upload_icon">上传</label>
+                    (提示:支持直接拖拽一个图标到页面)
                 </span>
             </p>
         </div>
@@ -119,5 +115,13 @@
         <div id="preview"></div>
     </fieldset>
 
+    <div class="x-logo">
+        <img src="../static/img/fe-48.png" alt="#" id="logo_default"/>
+        <img src="../static/img/fe-48.png" alt="#" id="logo"/>
+
+        <form action="#">
+            <input type="file" id="file" accept=".jpg,.jpeg,.gif,.png,.bmp">
+        </form>
+    </div>
 </body>
 </html>

Some files were not shown because too many files changed in this diff