【发布时间】:2015-08-26 05:05:20
【问题描述】:
有没有一种优雅的方法可以通过drawText将文本放入画布中,以便水平/垂直挤压?
【问题讨论】:
-
也许this answer 可以提供一些灵感/提示。
标签: javascript html html5-canvas
有没有一种优雅的方法可以通过drawText将文本放入画布中,以便水平/垂直挤压?
【问题讨论】:
标签: javascript html html5-canvas
“优雅?,嗯...有点不错!”
你可以水平缩放画布,文字会被挤压。
ctx.scale(.80,1);
ctx.fillText("Squeezed!",15/.80,30);
ctx.scale(-0.80,1);
【讨论】:
ctx 是与画布元素关联的上下文对象。在我的示例中,画布暂时压缩到 80%,但在使用 context.fillText 绘制文本后,示例取消压缩画布,因此所有新绘图都不会被压缩。祝你的项目好运!