1107096-invisibles.html (541B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8" /> 5 <script> 6 function draw() { 7 var c = document.getElementById('cc'); 8 var g = c.getContext('2d'); 9 g.fillStyle = 'red'; 10 g.fillRect(0, 0, 200, 200); 11 g.font = '24px arial, sans-serif'; 12 g.fillStyle = '#fff'; 13 g.fillText('_\u00AD_', 10, 30); // soft hyphen 14 g.fillText('_\u200B_', 10, 60); // ZWSP 15 g.fillText('_\u200C_', 10, 90); // ZWNJ 16 g.fillText('_\u200D_', 10, 120);// ZWJ 17 } 18 </script> 19 </head> 20 <body onload='draw()'> 21 <canvas id='cc' width='200' height='200'></canvas> 22 </body> 23 </html>