undefined TypeError only on iPhone — JavaScript, HTML5 canvas_context.measureText - Mobile Development

I have confirmed that this short code produces the error:

<html>
<head>
	 <title>iPhone test page --- is measureText the issue?</title>
	 <script type="text/javascript" src="font/canvas.text.js"></script>
</head>
<body height="400px">
		 <canvas id = "drawArea"></canvas>
		 <script type="text/javascript">
			 var can = document.getElementById("drawArea");
			 var c2d = can.getContext("2d");
			 c2d.fillStyle = "red";
			 c2d.globalAlpha = 1;
			 c2d.fillRect(0,0, can.width, can.height);
			 c2d.fillStyle = "black";
			 c2d.font = "12px Arial";
			 var text = "Hello, world!";
			 var width = c2d.measureText(text).width;
			 c2d.fillText(text, can.width/2 - width/2, can.height/2- 6);
		 </script>
</body>
</html>

This code works well on mac safari, but not my friend's iPhone safari (unhacked etc...) I'm working on testing it on more iPhones at the moment

Edit: tested on two iPhones now. The newer iPhone (5) draws the red box over the entire canvas but does not draw the text. The older iPhone (4s) draws neither. I have also modified the font to use the standard font "Arial" as seen in the above code.

Language Forums → HTML, CSS and Javascript → Userscript is missing something, which I can't find. Someone please fill It Started by Sudhareddy, 31 Jan 2019 userscript, javascript, java	0 replies 1889 views	Sudhareddy 31 Jan 2019
Language Forums → HTML, CSS and Javascript → Javascript Closures Help. Unable to save copy of "count' within an IIFE function Started by An Alien, 11 Sep 2017 javascript, closure, iife, scope and 1 more...	1 reply 7108 views	RhetoricalRuvim 25 Oct 2017
Language Forums → HTML, CSS and Javascript → What is JavaScript used for? Started by dasswadesh, 25 Feb 2017 javascript, web development	0 replies 4215 views	dasswadesh 25 Feb 2017
Tutorial Forums → HTML, CSS and Javascript Tutorials → Google Map cannot be displayed Inside Bootstrap Modal View Started by mutago, 31 Jan 2017 javascript, google-map	0 replies 250 views	mutago 31 Jan 2017
Language Forums → Other Languages → ASP, ASP.NET and Coldfusion → Multiple dropdowns that share the same data Started by Tchpowdog, 20 Sep 2016 asp, c#, javascript, dropdownlist and 1 more...	0 replies 9689 views	Tchpowdog 20 Sep 2016

Recent Topics

Recent Blog Entries

Recent Status Updates

Popular Tags

undefined TypeError only on iPhone — JavaScript, HTML5 canvas_context.measureText

#1 SexyBachelor

#2 SexyBachelor

Also tagged with one or more of these keywords: typeerror, iphone, javascript, measuretext, canvas, undefined, html5

Userscript is missing something, which I can't find. Someone please fill It

Javascript Closures Help. Unable to save copy of "count' within an IIFE function

What is JavaScript used for?

Google Map cannot be displayed Inside Bootstrap Modal View

Multiple dropdowns that share the same data