canvascontext.stroketext(string text, number x, number y, number maxwidth)
主体: 企业支付宝小程序 、 个人支付宝小程序
相关文档: 旧版 canvas 迁移指南 、
绘制只有描边的空心文本。
若要绘制实心文本,可使用 方法。
效果示例
代码示例执行效果
默认标题0
string text
要绘制的文本
number x
文本起始点的 x 轴坐标
number y
文本起始点的 y 轴坐标
number maxwidth
需要绘制的最大宽度
可选
.js
.axml
const ctx = my.createcanvascontext('canvas');
ctx.setfontsize(50);
let text = 'hello world';
ctx.stroketext(text, 50, 100);
// 限制文本绘制的最大宽度
ctx.stroketext(text, 50, 150, 100);
// 设置描边线条粗细
ctx.setlinewidth(3);
ctx.stroketext(text, 50, 200);
ctx.draw();
<canvas id="canvas"></canvas>