【文本】HTML5 Canvas文字的描边、填充和阴影。(代码、示例)

我的处女作《Canvas系列教程》在我的Github上正在连载更新,希望能得到您的关注和支持,让我有更多的动力进行创作。

教程介绍、教程目录等能在README里查阅。

传送门:https://github.com/827652549/CanvasStudy

介绍

在Canvas中,可以使用fillText(text,x,y)和strokeText(text,x,y)立即绘制一串文字;可以使用measureText(text)方法返回一个包含文本width的对象。

另外,三个与文本有关的属性:font设置字形,textAlign和textBaseline属性设置文本在canvas中的定位方式,这个后面的教程会详细讲解。

演示

应用程序提供了一些复选框,来控制是否要对文本进行描边、填充和添加阴影效果。

在线演示 详细代码

 

发布了122 篇原创文章 · 获赞 25 · 访问量 3万+

猜你喜欢

转载自blog.csdn.net/HuoYiHengYuan/article/details/101599016
今日推荐