Description of change

In the Text component, if the text contains Windows line ending (\r\n), setting wordWrap to true will cause \r\n to be treated as two lines.

import { Application, Text } from "pixi.js";

(async () => {
  // Create a new application
  const app = new Application();

  // Initialize the application
  await app.init({ background: "#ffffff", resizeTo: window });

  // Append the application canvas to the document body
  document.getElementById("pixi-container").appendChild(app.canvas);

  // Create a text including \r\n, and set wordWrap: true
  const text = new Text({ text: 'Hello\r\nPixiJS!', style: { wordWrap: true } })

  app.stage.addChild(text);
})();

When wordWrap is false:

When wordWrap is true:

View the source code in CanvasTextMetrics.ts:

Although the \r\n case is already considered when splitting text into line, when wordWrap is true, the CanvasTextMetrics._wordWrap method is called first, which internally invokes the _tokenize method. In this method, \r\n is split into two separate tokens.

In this pull request, we implemented special handling for \r\n, treating it as a single token, consistent with the behavior of a single \n, to avoid generating extra line breaks.

Pre-Merge Checklist

• Tests and/or benchmarks are included
• Lint process passed (npm run lint)
• Tests passed (npm run test)

visuals.test.ts fails even though I haven't modified any files. Maybe an issue with environment.