<meta>指定信息标签
1、X-UA-Compatible是自从IE8新加的一个设置,对于IE8以下的浏览器是不识别的,Edge模式告诉IE以最高级模式渲染文档。
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
2、规定HTML文档的字符编码。
<meta charset="UTF-8">
3、viewport标记,用于指定用户是否可以缩放Web页面,并对相关的选项进行设定。
<meta name="viewport" content="width=device-width, initial-scale=1">
device-width即表示,视区宽度应为设备的屏幕宽度。
initial-scale用于设置Web页面的初始缩放比例。
<canvas>画图标签
<canvas>标签只是图形容器,您必须使用脚本来绘制图形。
// 复制一张图片到canvas中,并返回它的base64码
var getPrintbase64 = function () {
var img = document.getElementById("qr_code");
// 创建一个空的canvas元素
var canvas = document.createElement("canvas");
canvas.width = img.width;
canvas.height = img.height;
var ctx = canvas.getContext("2d");
ctx.drawImage(img, 0, 0,img.width,img.height);
var dataURL = canvas.toDataURL("jpg");
console.log(dataURL);
return dataURL;
}