fix: the text wrapping position is not accurate

[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

#1833

💡 Background and solution

Measuring text is an expensive operation, so G internally calculates the overall text width on a character-by-character basis and caches it when calculating line breaks. Due to the complexity of text rendering, this results in a larger result than measuring the entire text at once, resulting in less precise line break locations.

However, we cannot simply adjust the character-by-character strategy to measure the entire text, which will cause serious performance problems in scenarios with a long text.

In the case of long text, the performance difference between the two different strategies is two orders of magnitude

On the other hand, we can combine the two strategies, use the character-by-character and cache strategies to calculate a rough line break position, and then use the measurement of the entire text near the threshold to get the precise result. Usually, the difference in the position calculated by the two different strategies is within 1-3 characters, so the performance consumption is acceptable, and more importantly, it brings better visual effects.

Before

After

📝 Changelog

Language	Changelog
🇺🇸 English	fix: the text wrapping position is not accurate
🇨🇳 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

[petercat-assistant]

Walkthrough

This pull request addresses a bug related to inaccurate text wrapping positions. The solution involves a hybrid approach that combines character-by-character and whole-text measurement strategies to improve precision without significant performance loss. This change enhances the visual appearance of text rendering.

Changes

Files	Summary
.changeset/silver-tigers-roll.md	Added a changeset for the patch fixing text wrapping position.
tests/demos/bugfix/textWordWrap.ts	Introduced a benchmark test to compare text measurement strategies.
tests/demos/event/hierarchy.ts	Updated imports to include Canvas in the hierarchy demo.
packages/g-lite/src/services/TextService.ts	Refactored text measurement logic to improve line break precision.