html 5におけるcanvasの知識蓄積1---画板のサイズと実際の表示サイズ

724 ワード

canvasではcanvasにwidthとheightと書くとcanvasの実際の画板サイズで、デフォルトではwidthは300 px、heightは150 pxです.
スタイルにcssスタイルを書くときwidhtとheightは実際の表示サイズです.
次に、canvasで対角線を描く例を示します.


	
	canvas
	
	window.onload = function(){
		getCanvas();
	};
	//canvase  
	function getCanvas(){
		//  canvas         
		var canvas = document.getElementById('canvasId');
		var context = canvas.getContext('2d');
		//            
		context.beginPath();
		context.moveTo(0,200);
		context.lineTo(200,0);
		//       canvas 
		context.stroke();	
	}