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

maxWidthの代わりにlineWidthが必要です。 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/