大学生新闻网，大学生新闻发布平台
小程序画布在画布上绘制文本CanvasContext.fillText
CanvasContext.fillText(string text, number x, number y, number maxWidth)
在画布上绘制被填充的文本
小程序插件：支持
参数
string text
在画布上输出的文本
number x
绘制文本的左上角 x 坐标位置
number y
绘制文本的左上角 y 坐标位置
number maxWidth
需要绘制的最大宽度，可选
示例代码
const ctx = wx.createCanvasContext('myCanvas')
ctx.setFontSize(20)
ctx.fillText('Hello', 20, 20)
ctx.fillText('MINA', 100, 100)
ctx.draw()
在画布上绘制被填充的文本
小程序插件：支持
参数
string text
在画布上输出的文本
number x
绘制文本的左上角 x 坐标位置
number y
绘制文本的左上角 y 坐标位置
number maxWidth
需要绘制的最大宽度，可选
示例代码
const ctx = wx.createCanvasContext('myCanvas')
ctx.setFontSize(20)
ctx.fillText('Hello', 20, 20)
ctx.fillText('MINA', 100, 100)
ctx.draw()
- 作者：大学生新闻网 来源：大学生新闻网
- 发布时间：2025-04-17 阅读：
- 扫一扫 分享悦读
- 小程序画布设置字体大小 CanvasContext.setFontSize(number font
- 从基础库 1.9.90 开始，本接口停止维护，请使用 CanvasContext.font 代替
- 04-17 关注：0
- 小程序画布在画布上绘制文本CanvasContext.fillText
- CanvasContext.fillText(string text, number x, number y, number maxWidth)
- 04-17 关注：0
- 小程序画布设置最大斜接长度CanvasContext.setMiterLimit
- CanvasContext.setMiterLimit(number miterLimit)
- 04-16 关注：3
- 小程序画笔设置虚线样式CanvasContext.setLineDash
- CanvasContext.setLineDash(Array.
pattern, number offset) - 04-16 关注：3
- 小程序画布设置线条的端点样式CanvasContext.setLineCap
- CanvasContext.setLineCap(string lineCap)设置线条的端点样式
- 04-16 关注：3
- 小程序画布设置线条的交点样式CanvasContext.setLineJoin
- CanvasContext.setLineJoin(string lineJoin)
- 04-16 关注：3
- 小程序画笔设置线条的宽度CanvasContext.setLineWidth
- CanvasContext.setLineWidth(number lineWidth)
- 04-16 关注：1
- 小程序画布设置全局画笔透明度CanvasContext.setGlobalAlpha
- CanvasContext.setGlobalAlpha(number alpha)
- 04-16 关注：3
-
客服QQ：471708534 大学生新闻网©版权所有