【问题标题】:Horizontally scaled font via drawText?通过drawText水平缩放字体?
【发布时间】:2015-08-26 05:05:20
【问题描述】:

有没有一种优雅的方法可以通过drawText将文本放入画布中,以便水平/垂直挤压?

【问题讨论】:

标签: javascript html html5-canvas


【解决方案1】:

“优雅?,嗯...有点不错!”

你可以水平缩放画布,文字会被挤压。

ctx.scale(.80,1);
ctx.fillText("Squeezed!",15/.80,30);
ctx.scale(-0.80,1);

【讨论】:

  • 谢谢。似乎是一条正确的道路,但让我澄清一下。我的画布包含其他图形,不应修改。你代码中的 CTX 是画布吗?我很难搜索 filltext 方法...
  • 不客气 :-) ctx 是与画布元素关联的上下文对象。在我的示例中,画布暂时压缩到 80%,但在使用 context.fillText 绘制文本后,示例取消压缩画布,因此所有新绘图都不会被压缩。祝你的项目好运!
  • 欣赏它,先生。我正在尝试获取文本,就好像它是写在用户从高处看到的斜坡上一样。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2015-09-20
  • 2016-04-22
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2019-01-21
  • 1970-01-01
相关资源
最近更新 更多