JavaScript如何在canvas上加字
时间: 2024-05-13 08:13:59 浏览: 61
js canvas实现写字动画效果
您可以使用canvas上下文对象的`fillText()`方法来在canvas上添加文本。以下是一个简单的示例代码:
```javascript
// 获取canvas元素和上下文对象
var canvas = document.getElementById("myCanvas");
var ctx = canvas.getContext("2d");
// 设置文本样式
ctx.font = "30px Arial";
ctx.fillStyle = "red";
// 在canvas上添加文本
ctx.fillText("Hello World", 10, 50);
```
其中,`fillText()`方法接受三个参数:要显示的文本内容、文本的x坐标和y坐标。在上面的示例中,文本内容为"Hello World",x坐标为10,y坐标为50。您可以根据需要修改这些值。
阅读全文