【问题标题】:HTML5 Canvas: Drawing lines along text baselinesHTML5 Canvas:沿文本基线绘制线条
【发布时间】:2016-01-23 07:30:29
【问题描述】:

HTML5 Canvas API 可以绘制水平线描边,还可以沿各种印刷基线(悬挂、字母、表意)对齐文本。但是它可以沿着这些相同的基线对齐线条笔划,产生类似this image from the WHATWG spec 的东西吗?

【问题讨论】:

    标签: javascript html canvas baseline


    【解决方案1】:

    不幸的是,目前只有 chrome 可以帮助您解决此问题,因为它是唯一一个完全支持 TextMetrics 对象的流行浏览器,该对象提供有关当前字体大小的更多信息,允许您计算各种基线.

    使用CanvasRenderingContext2D.measureText() 获取TextMetrics 对象。请参阅MDN TextMetrics 了解更多信息。

    【讨论】:

      猜你喜欢
      • 2012-10-23
      • 2017-12-21
      • 1970-01-01
      • 2020-10-12
      • 2019-02-28
      • 1970-01-01
      • 1970-01-01
      • 2012-03-18
      • 1970-01-01
      相关资源
      最近更新 更多