Canvas文字被压缩的问题

451 阅读1分钟

当要画布大小随文字大小而变化的时候,如果将size设置过大,就会出现文字宽度被压缩的问题

    var text= XXX
    ctx.font = size + 'px   设置文字大小
    通过ctx.measureText(text).width 获取文字的宽度
    然后将宽度赋值给画布宽度来控制

这里必须要先设置文字大小,再获取文字实际宽度,否则获取宽度比实际的小,没有算上文字高度