У меня есть базовая настройка HTML5 / Canvas.Отлично работает в Chrome и Firefox.Однако у меня возникают следующие проблемы с браузером:
- Если я загружаю страницу примерно десять раз в IE8, она обычно будет работать хотя бы раз ... Я знаю, это звучит странно;Я могу только предположить, что это как-то связано с порядком выполнения JavaScript (?).
- Текст не отображается в моем iTouch.некоторые проблемы форматирования с этим кодом.Excanvas используется (но не видно ниже).
<!DOCTYPE html>
<html lang="en">
<head>
<!--[if IE]><script type="text/javascript" src="js/excanvas.js"></script><![endif]-->
<script type="text/javascript">
function addBox(x, y, text){
context.font = '17px Arial';
context.textBaseline = 'top';
context.fillStyle = 'black';
context.fillText (text, x, y);
}
function resetCanvas(){
c = document.getElementById("myCanvas");
context=c.getContext("2d");
c.width = 450;
context=c.getContext("2d");
//Draw Picture Frame around Canvas
context.lineWidth = 5;
context.strokeStyle="blue";
context.strokeRect(5,3,430,430);
}
$(document).ready(function() {
resetCanvas();
addBox(200, 200,'hello');
});
</script>
</head>
<body>
<canvas id="myCanvas" width="900" height="450" >Your browser does not support the canvas element.</canvas>
</body>
</html>