1873708-emoji-canvas-filter.html (452B)
1 <!doctype html> 2 3 <p>The same 5 gray emoji should be present and unclipped on all 3 lines:</p> 4 <canvas id=c width=400 height=200></canvas> 5 6 <script> 7 const x = c.getContext('2d'); 8 x.filter = 'invert(.5)'; 9 x.font = '50px monospace'; 10 x.fillText('x\u{1F41E}\u{1F98A}\u{1F41E}\u{1F98A}\u{1F41E} ', 0, 50); 11 x.fillText(' \u{1F41E}\u{1F98A}\u{1F41E}\u{1F98A}\u{1F41E}x', 0, 100); 12 x.fillText('x\u{1F41E}\u{1F98A}\u{1F41E}\u{1F98A}\u{1F41E}x', 0, 150); 13 </script>