Question

这有什么问题？我收到一个错误，即未定义imText。我做了一些搜索，发现它与范围有关？有没有更好的方法来尝试实现我想要做的事情，因为它也似乎也没有建议使用onClick事件。

<script>
   function imText(text) {
    var c = document.getElementById("canvas");
    var ctx = c.getContext("2d");
    ctx.font="20px Georgia";
    ctx.fillStyle="white";
    ctx.fillText(text, 10, 50);
{
</script>

 <div class="canvas"></div>
  <canvas id="area"></canvas>
  <form action="text">
   <h2>Enter Text:</h2> 
   <input type="text" id="getText" name="text" value="bee"/><br>

   <input type="button" value="Submit" onclick="imText(document.getElementById('getText').value)" />
  </form>

Answer 1

也许这个结束括号：

<script>
   function imText(text) {
    var c = document.getElementById("canvas");
    var ctx = c.getContext("2d");
    ctx.font="20px Georgia";
    ctx.fillStyle="white";
    ctx.fillText(text, 10, 50);
}
</script>

Answer 2

没什么大不了的，有几个错误：</script>之前的结束括号和getElementById应该引用＆＃34;区域＆＃34;不是＆＃34;画布＆＃34;，因为你给了canvas元素id＆＃34; area＆＃34;

<script>
   function imText(text) {
    var c = document.getElementById("area");
    var ctx = c.getContext("2d");
    ctx.font="20px Georgia";
    ctx.fillStyle="white";
    ctx.fillText(text, 10, 50);
}
</script>

 <div class="canvas"></div>
  <canvas id="area"></canvas>
  <form action="text">
   <h2>Enter Text:</h2> 
   <input type="text" id="getText" name="text" value="bee"/><br>

   <input type="button" value="Submit" onclick="imText(document.getElementById('getText').value)" />
  </form>

适用于此example link

JS函数未定义（ReferenceError）

2 个答案: