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

时间:2016-09-22 12:28:27

标签: canvas createjs easeljs

我是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
})

1 个答案:

答案 0 :(得分:1)

您希望lineWidth代替maxWidthmaxWidth镜像缩小文本以适应的默认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/