EaselJS에서 maxWidth에 도달하면 텍스트를 새 줄 바꿈

Question

EaselJS를 처음 사용했습니다. 텍스트의 maxWidth 속성을 200 픽셀로 설정하고 최대 너비에 도달하면 텍스트가 압축되기 시작합니다. 최대 너비에 도달 한 후 텍스트가 새 줄로 줄 바꿈하는 방법

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

maxWidth 대신 lineWidth이 필요합니다. maxWidth은 텍스트를 맞추기 위해 기본 HTML 캔버스 동작을 미러링하지만, lineWidth은 텍스트를 새 줄로 줄 바꿈합니다. http://jsfiddle.net/lannymcnie/sh0s6t30/

: 여기

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 
}); 

은 샘플입니다