0
215
VistasEl trazo de texto no está alineado con el relleno en el lienzo de Chrome con las fuentes de Google
Al dibujar texto en un lienzo con ciertas fuentes de Google, como Italianno, el trazo del texto no se alinea con el relleno del texto cuando se ve en Chrome en una PC (Android Chrome y otros navegadores representan el texto correctamente).
Extrañamente, este problema solo aparece en ciertos tamaños de fuente (aumentar el tamaño a 400 px, por ejemplo, soluciona el problema).
const canvas = document.getElementById('c1'); const ctx = canvas.getContext('2d'); document.fonts.load('300px Italianno').then(function() { ctx.font = '300px Italianno'; ctx.lineWidth = 3; ctx.strokeStyle = 'red'; ctx.strokeText('27', 40, 150); ctx.fillText('27', 40, 150); }); <link href="https://fonts.googleapis.com/css?family=Italianno:400.css" rel="stylesheet" /> <canvas id='c1' width='300' height='200'></canvas>
·
Juan Pablo Isaza
Responde la pregunta