作者：陈小超Sum | 来源：互联网 | 2020-08-29 20:42
这篇文章主要介绍了HTML5Canvas实现文本对齐的方法总结,包括使用水平对齐的context.textAlign与垂直对齐的context.textBaseline两种方式及各种参数,需要的朋友可以参考下
这篇文章主要介绍了HTML5 Canvas实现文本对齐的方法总结,包括使用水平对齐的context.textAlign与垂直对齐的context.textBaseline两种方式及各种参数,需要的朋友可以参考下
水平对齐textAlign
Javascript Code复制内容到剪贴板
context.textAlign="center|end|left|right|start";
其中各值及意义如下表。
| 值 | 描述 |
|---|
| start | 默认。文本在指定的位置开始。 |
| end | 文本在指定的位置结束。 |
| center | 文本的中心被放置在指定的位置。 |
| left | 文本左对齐， |
| right | 文本右对齐。 |
我们通过一个例子来直观的感受一下。
Javascript Code复制内容到剪贴板
运行结果：
我们通过一个例子来直观的感受一下。
Javascript Code复制内容到剪贴板
运行结果：
以上就是HTML5 Canvas实现文本对齐的方法总结的详细内容，更多请关注 第一PHP社区 其它相关文章！
京公网安备 11010802041100号