1. 程式人生 > 其它 >canvas繪製文字

canvas繪製文字

技術標籤:canvascanvas

fillText(text, x, y [, maxWidth])

在指定的(x,y)位置填充指定的文字,繪製的最大寬度是可選的.

strokeText(text, x, y [, maxWidth])

在指定的(x,y)位置繪製文字邊框,繪製的最大寬度是可選的.

	var canvas = document.getElementById('canvas');
		canvas.width='300';
		canvas.height='300';
		var ctx = canvas.getContext('2d');
		draw()
		 
		function draw(){
			ctx.font = "50px serif";
       		ctx.fillText("同學們好", 10, 100);
       		
       		ctx.strokeText("老師好", 10, 150);
		}

繪製了一個填充的文字和邊框的文字