PixiJs学前篇（三）：Canvas基础【下篇】

PixiJs学前篇（三）：Canvas基础【下篇】
前言

在上一篇文章 PixiJs学前篇（二）：Canvas基础【中篇】中我们了解了Canvas的基本绘制形状，接下来我们看一下如何在 Canvas 中绘制文本。

绘制文本

文本的绘制也是 Canvas 中也是比较常见的，在 Canvas 的绘制中，其实除了图片的绘制基本就是文字的绘制，两者基本五五开，下面我们开始看一下文本是如何让绘制的。

文本的绘制和基本形状的绘制一样，分为描边和填充两种，下面我们分别看一下效果

轮廓绘制：strokeText

strokeText()方法是以描边的方式绘制文字的

语法：

ctx.strokeText(txt, x, y, maxWidth)

参数：
- txt：是绘制的文本内容
- x、y：为绘制文本的起始位置坐标
- maxWidth：可选参数，为文本绘制的最大宽度。
下面举个例子看一下：
```
html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=ed
```
相关阅读:
【WebGIS实例】（11）Cesium自定义区域裁剪（挖除&挖出）
java计算机毕业设计教师继续教育源码+mysql数据库+系统+lw文档+部署
 Anaconda & Jupyter
智慧门牌管理系统：省市区县区划数据与国家级开发区共融
 Vue 的详情介绍-特点与优势- 使用方式-vue-js小结
 MariaDB落幕和思考
 tcpdump工具使用
 用HTML+CSS做一个漂亮简单的个人网页（第二篇）
【23真题】科目代号每年一改？换汤不换药！
java计算机毕业设计智能道路交通管理系统源程序+mysql+系统+lw文档+远程调试
原文地址：https://blog.csdn.net/m0_68036862/article/details/127981893

前言

绘制文本

轮廓绘制：strokeText

语法：

参数：