javascript - 编辑两个 Canvas 元素

我有两个画布元素，第一个是空的，第二个我画了一个大网格。
在第一个中，我需要添加要拖到网格中的文本和图像。问题是，当我向空画布中添加文本时，网格消失了！！我不知道那是怎么回事。我在script标签中使用了简单的代码：

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>

最佳答案

在您的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);

关于javascript - 编辑两个 Canvas 元素，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/22221518/