标签归档:strokeText

Html5 canvas画图教程20:在canvas里写字

本文属于《html5 Canvas画图系列教程

文章写到现在才发现我忘了介绍在canvas上写字的方法,呃,这篇补上。

其实在canvas里写字是很简单的,他有两个原生方法,即strokeText(描边文字)和fillText(填充文字)——一看就知道他们和strokeRect与fillRect是一伙的啦。

他们不能产生路径

他们的使用方法很简单,接受3个参数,依次是要写的文本,x坐标,y坐标,如:

1
2
ctx.fillText('1223',50,50);
ctx.strokeText('asdfsadf',150,50);

当然,这个弱爆了。默认画出来都是黑色的字体。 继续阅读Html5 canvas画图教程20:在canvas里写字