编辑两个画布元素

Question

我有两个画布元素，第一个是空的，第二个画了一个大网格。 在第一个我需要添加将被拖动到网格的文本和图像。问题是，当我向空白画布添加文本时，网格消失了!!我不知道这是怎么发生的。我在脚本标签中使用了简单的代码：

var canvas=document.getElementById("canvas");
var ctx=canvas.getContext("2d");

var canvas2=document.getElementById("canvas2");
var ctx2=canvas2.getContext("2d");
ctx2.font = "30px Arial";
ctx2.fillText("Catalog of equipments",10,50);

我正在呼唤身体上的两幅画布：

<canvas id="canvas2" width=300 height=1000 style="border:2px solid #c3c3c3; left:320px; top:50px"></canvas>
<canvas id="canvas" width=1000 height=1000 style="border:2px solid #c3c3c3; top:50px;"></canvas>

Answer 1

在jsfiddle中，您使用大写字母F而不是fillText拼写了FillText。我已在此jsfiddle中更正。

var canvas2 = document.getElementById("canvas2");
var ctx2 = canvas2.getContext("2d");
ctx2.font = "30px Arial";
ctx2.fillText ("Catalog of equipments",10,50);