У меня есть пара вопросов о коде HTML5-Canvas, показанном ниже.
- Текст не отображается в Firefox 3.6 (он отображается в Chrome.)
- Относительно переменной ctx (ctx = c.getContext ("2d")), следует ли повторно использовать эту переменную снова и снова для создания дополнительных прямоугольников, фигур и т. Д. На одном и том же холсте или желательно создать новый контекст переменные для новых прямоугольников, линий и т. д.? (Кажется, это работает в обоих направлениях, но я не понимаю, что такое стандартная практика.)
<!DOCTYPE html>
<html lang="en">
<body>
<canvas id="myCanvas" width="400" height="350">
Your browser does not support the canvas element.
</canvas>
<script type="text/javascript">
var c = document.getElementById("myCanvas");
ctx = c.getContext("2d");
ctx.lineWidth = 5;
ctx.strokeStyle="black";
ctx.strokeRect(10,10,180,75);
ctx.textBaseline = 'Top';
ctx.font = '20px Sans-Serif';
ctx.fillStyle = 'blue';
ctx.fillText ("hello", 30, 50);
</script>
</body>
</html>