canvascontext.stroke()
支付宝客户端 支持
支小宝客户端 支持
安诊儿客户端 支持
主体： 企业支付宝小程序 、 个人支付宝小程序
相关文档： 旧版 canvas 迁移指南
绘制当前路径的描边。
当前路径从 开始计算。 产生的矩形不受 stroke 影响。
代码示例
扫码体验
canvascontext.stroke()
canvascontext.stroke 绘制规则示例
const ctx = my.createcanvascontext('canvas');
//画一条线
ctx.moveto(10, 10);
ctx.lineto(100, 10);
ctx.stroke();
ctx.draw();
代码示例执行效果
默认标题0
const ctx = my.createcanvascontext('canvas');
// 创建第一个矩形，此矩形边框颜色为黄色。
ctx.rect(10, 10, 100, 30);
ctx.setstrokestyle('yellow');
ctx.stroke();
// 创建第二个矩形的路径。
ctx.beginpath();
ctx.rect(10, 40, 100, 30);
// 创建第三个矩形，此矩形边框颜色为蓝色。
ctx.setstrokestyle('blue');
ctx.strokerect(10, 70, 100, 30);
// 创建第四个矩形的路径。
ctx.rect(10, 100, 100, 30);
// 设置第二个矩形、第四个矩形的边框颜色并绘制边框。
ctx.setstrokestyle('red');
ctx.stroke();
ctx.draw();
代码示例执行效果
默认标题0
