fix: ellipses are not displayed when the text contains line breaks

[wang1212]

🤔 This is a ...

• New feature
• Bug fix
• Site / Document optimization
• TypeScript definition update
• Refactoring
• Performance improvement
• Code style optimization
• Test Case
• Branch merge
• Other (about what?)

🔗 Related issue link

When we configure wordWrap wordWrapWidth textOverflow maxLines to achieve automatic text wrapping, if the text content happens to be multiple lines of text separated by line breaks, and the number of lines is greater than the maxLines configuration, the ellipsis will not be displayed, which is not as expected.

const text = new Text({
  style: {
    x: 0,
    y: 0,
    fill: '#000000',
    maxLines: 2,
    text: 'abc\ndef\nghi', // number of lines is greater than the `maxLines`
    textOverflow: 'ellipsis',
    wordWrap: true,
    wordWrapWidth: 84,
  },
});

💡 Background and solution

In any case, when the maxLines threshold is reached, the logic of appending ellipsis should be executed.

📝 Changelog

Language	Changelog
🇺🇸 English	fix: ellipses are not displayed when the text contains line breaks
🇨🇳 Chinese	fix: 当文本中包含换行符时省略号不显示

☑️ Self Check before Merge

• Doc is updated/provided or not needed
• Demo is updated/provided or not needed
• TypeScript definition is updated/provided or not needed
• Changelog is provided or not needed