console
(function(){
var canvas = {},
image = {};
canvas.obj = document.getElementById('myCanvas');
if(canvas.obj.getContext) {
canvas.ctx = canvas.obj.getContext('2d');
canvas.w = canvas.obj.width = document.body.clientWidth;
canvas.h = canvas.obj.height = document.body.clientHeight;
var img = new Image();
img.onload = function() {
image.obj = img;
image.w = img.width;
image.h = img.height;
image.x = parseInt(canvas.w/2 - image.w/2);
image.y = parseInt(canvas.h/2 - image.h/2);
canvas.ctx.drawImage(image.obj,image.x,image.y,image.w,image.h);
};
img.src = 'http://img06.mifile.cn/v1/MI_55950AFBBEDCB/T1_WK_ByVT1R4cSCrK.png';
}
}())
<canvas id="myCanvas">您的浏览器不支持Canvas。</canvas>
body{background-color: #0c1328;position: absolute;left: 0;top: 0;right: 0;bottom: 0;}
canvas{border: 1px dotted #fff}