Text font is not applied if the canvas is inside DOM

Issue #8167417 • Assigned to Christian F.

Details

Created
Jul 13, 2016
Privacy
This issue is public.
Reports
Reported by 1 person

Sign in to watch or report this issue.

Steps to reproduce

1. Add a custom font in css using @font-face.

2. Create canvas element:

  var canvas = document.createElement('canvas');

3. Make sure the font is loaded (for example setting a larger timeout).

4. Draw text on the canvas remembering to set the custom font specified in the first point.

5. The text does not have the proper font applied.

6. Change the code from the 2nd point to:

  var canvas = document.createElement('canvas');
  document.body.appendChild(canvas);

7. The font is now applied properly.

Attachments

0 attachments

    Comments and activity

    • Microsoft Edge Team

      Changed Assigned To to “Brad E.”

      Changed Assigned To to “Rick J.”

      Changed Assigned To to “Christian F.”

    You need to sign in to your Microsoft account to add a comment.

    Sign in