html5 canvas画布绘制文字 文字描边

2025-04-18 09:58:41

1、首先设置画布,然后设置strokeStyle描边的颜色以及lineWidth描边大小。

html5 canvas画布绘制文字 文字描边

2、然后用strokeText开始对文字描边即可。第一个参数是文字,后面的两个是x,y坐标。

html5 canvas画布绘制文字 文字描边

3、然后就可以得到文字的描边了。

html5 canvas画布绘制文字 文字描边

4、而填充则使用fillStyle设置填充样式,以及用fillText填充文字即可。

html5 canvas画布绘制文字 文字描边
html5 canvas画布绘制文字 文字描边

5、当然描边和填充可以使用不同的坐标,这样即可有些重影叠加的效果了。

html5 canvas画布绘制文字 文字描边
html5 canvas画布绘制文字 文字描边
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢