canvas关于文字

属性较多,可以自由选择
// 水平位置
ctx.textAlign
// 垂直位置
ctx.textBaseline
在这里插入图片描述

  // 文字
        ctx.font='40px sans'
        // 水平位置
        ctx.textAlign='start';
        // 垂直位置
        ctx.textBaseline='alphabetic';
        // 填充文字颜色
        ctx.fillStyle='pink';
        // 填充文字
        ctx.fillText("outside",250,250);
       
        // 水平位置
        ctx.textAlign='center';
        // 垂直位置
        ctx.textBaseline='middle';
        // 描边颜色
        ctx.strokeStyle='red';
        // 描边文字
        ctx.strokeText('outside',270,270);

猜你喜欢

转载自blog.csdn.net/weixin_45044349/article/details/117959967