Safari 15 en macOS, iPhone y iPad fallará al renderizar con lienzo. ¿Alguna solución para esto? Esto solía funcionar en el Safari anterior.
<html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <script language="javascript"> function init2() { const canvas = document.createElement("canvas"); canvas.style.width = "800px"; canvas.style.height = "600px"; canvas.width = 1600; canvas.height = 1200; document.body.appendChild(canvas); var ctx = canvas.getContext('2d'); ctx.font = '48px system-ui'; ctx.fillText('Hello World, 你好中文', 10, 50); } </script> </head> <body onload="init2()"> </body> </html>Finalmente, la solución para mí es reemplazar la fuente "system-ui" por "san-serif", lo que solucionó mi problema. Además, en Safari Technical Preview y Beta 3 ya se corrigió este error y se programó para lanzarse más tarde en octubre de 2021.