Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<!DOCTYPE html>
<html>
  <title>Emoji tests tests</title>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
</head>
<body>
  <p>The first image shows the UN Flag in browsers with emoji support. The second image shows the characters [U][N] in all browsers.</p>
  
  <p>The test fails if the two images look the same</p>
</body>
</html>
 
canvas {
  outline: 1px solid red;
  display: block;
}
 
// Flag 1
var flag = test( [55356, 56826, 55356, 56819] );
// Flag 2
var flag2 = test( [55356, 56826, 8203, 55356, 56819] );
// Display outcome
var p = document.createElement( 'p' );
document.body.appendChild( p );
if ( flag !== flag2 ) {
    // return false ( flag === flag2 )
    p.innerText = 'Outcome: false (fail)';
}
p.innerText = 'Outcome: true (pass)';
// Moves on to GB test.
// Returns flag !== flag2
// Test
function test( code ) {
  var stringFromCharCode = String.fromCharCode;
  var canvas = document.createElement( 'canvas' );
  var context = canvas.getContext && canvas.getContext( '2d' );
  canvas.width = canvas.height = 100;
  context.textBaseline = 'top';
  context.font = '600 32px Arial';
  context.fillText( stringFromCharCode.apply( this, code ), 0, 0 );
  document.body.appendChild( canvas );
  // Result
  return canvas.toDataURL();
}
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
peterwilsonccpro
0viewers