This test file

• Is saved with ANSI encoding
• Has the comment that causes MS Edge to NOT load the javascript files

Two of the canvases in the table in the next section are written to by code in two javascript files. For some (insane) reason, MS Edge (and ONLY MS Edge) refuses to read the files from the local hard drive.

The following table encapsulates the testcases and is identical in all 4 html files - UTF8 ANSI ANSI with Chrome Failure ANSI with meta tag

• There are 3 canvases - each written to by javascript in a different file
  • Local HTML - Uses javascript in the current html file
  • ANSI js - Uses Degree_Symbol_ANSI.js
  • UTF-8 js - Uses Degree_Symbol_UTF8.js
• A code sample - Besides the text file encoding, all 3 javascript routines are identical except for
  • The function name
  • The id of the canvas object
  • The temperature value

Testcases using the associated code
Canvases			Sample code
Local HTML	ANSI js	UTF-8 js
			<script> var canvas = document.getElementById("testCanvas"); var context = canvas.getContext("2d"); // clear canvas context.clearRect(0, 0, canvas.width, canvas.height); context.font="30px sans-serif"; context.fillText("25°C", 10, 40); </script>

As you can see (depending on which scenario you are observing), when that code executes and the Degree Symbol is placed on a canvas, it may be rendered as either a small superscript circle or as a black diamond with a question mark.

URL: http:// mc-computing.com / Languages / Javascript / Degree_Symbol / Degree_Symbol_ANSI_edge_issue.html