canvas图像和文本，图案填充

在drawScreen外添加图片

   var spaceShip=new Image();
						spaceShip.src='img/印花.jpg'
							
		spaceShip.addEventListener('load',eventsheetloaded,false);
		function eventsheetloaded(){
		   drawScreen();
		}

context.drawImage(spaceShip,x,y,width,height);
x,y分别代表image的位置坐标
width,height 代表image的大小

function drawScreen() {
		
    var  fillimg=new Image();
	  fillimg.src='img/印花.jpg';
	  fillimg.onload=function(){
	  
	  var  fillPattern=context.createPattern(fillimg,'no-repeat');
	  
	  context.fillStyle=fillPattern;
	  context.arc(100,100,100,(Math.PI/180)*0,(Math.PI/180)*360,false);
	  context.fill();
	  }

	}

文本
context.font=‘90px impact’;
context.textAlign=‘center’;
context.textBaseline=‘middle’;
css的属性都用的上