在 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/