在 EaselJS 中达到 maxWidth 后将文本换行

Question

我是 EaselJS 的新手。我将文本的 maxWidth 属性设置为 200px，在达到最大宽度后，文本开始被压缩。如何确保文本在达到最大宽度后换行？

var text = new createjs.Text();
text.set({
text: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam elementum elit vitae nisl elementum, et aliquet quam malesuada. Pellentesque porta consequat pellentesque. Quisque vel molestie quam. Aliquam in vehicula magna. Integer ac congue sem, et tempor libero. Etiam pharetra, quam et posuere porta, lectus odio iaculis nibh, eget porttitor magna elit id felis. Mauris luctus lobortis tincidunt."
x: 0,
y: 0,
font: "16px Arial black",
maxWidth: 200
})

Answer 1

您想要 lineWidth 而不是 maxWidth。 maxWidth 反映默认 HTML Canvas 缩小文本以适合的行为，而 lineWidth 会将文本换行。

var text = new createjs.Text().set({
    text: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam elementum elit vitae nisl elementum, et aliquet quam malesuada. Pellentesque porta consequat pellentesque. Quisque vel molestie quam. Aliquam in vehicula magna. Integer ac congue sem, et tempor libero. Etiam pharetra, quam et posuere porta, lectus odio iaculis nibh, eget porttitor magna elit id felis. Mauris luctus lobortis tincidunt.",
    x: 0,
    y: 0,
    font: "16px Arial black",
    lineWidth: 200
});

这是一个示例：http://jsfiddle.net/lannymcnie/sh0s6t30/

在 EaselJS 中达到 maxWidth 后将文本换行

Wrap text to a new line once maxWidth is reached in EaselJS

canvas

easeljs

createjs