绘制文本有两种方式:
fillText(text, x, y)
strokeText(text, x, y)
下面,我们来看看如何在 canvas
上绘制文本。
我们先创建一个 canvas
标签,并设置基本的宽高:
<canvas width="200" height="400"></canvas>
首先,获取对画布的引用:
const canvas = document.querySelector('canvas')
并从中创建一个上下文对象:
const ctx = canvas.getContext('2d')
getContext()
方法根据作为参数传递的类型返回画布上的绘图上下文。
有效值为:
-
2d