Canvas文本宽度测量技巧

今天分享一个有趣的技巧：如何利用canvas精确测量字符串的宽度，一起来探索具体实现方法吧！

1、 启动Sublime Text3，通过文件菜单选择新建文件，或直接按下Ctrl+N快捷键创建新文件，操作界面所示。

2、 按下Ctrl+S进行保存，输入文件名，例如测量，名称可自行设定，无强制要求，保存后页面即创建完成。

3、 在页面输入英文感叹号后按下Tab键，即可生成所示的简易DOM结构。

4、 重磅功能上线，测量宽度轻松搞定，详情请见下图。

5、 通过右键菜单选择在浏览器中打开，或依次点击工具栏的工具→SublimeServer→启动SublimeServer，开启服务后，再右键选择在SublimeServer中查看，操作效果所示。整个过程无需手动配置，便捷高效，适用于快速预览本地文件内容，提升开发与调试效率，特别适合前端项目实时浏览需求。

6、 试试写下一段文字，轻松体验神奇效果吧！