Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/arduino/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
无法删除画布中的图像:javascript_Javascript_Canvas - Fatal编程技术网

无法删除画布中的图像:javascript

无法删除画布中的图像:javascript,javascript,canvas,Javascript,Canvas,我是javascript新手。我在我的js文件中创建新的图像时说 我打算画一个新的图像,并删除前一个 我的代码示例是: var image = new Image(); image.src = 'abc.png'; ctx.drawImage(image, x, y,30,30); 然后我使用 ctx.clearRect(x, y, 30, 30); 但它无法清除绘制的图像。。 我该怎么办 提前感谢检查此项 希望这能对你有所帮助 <!DOCTYPE HTML> <html

我是javascript新手。我在我的js文件中创建新的图像时说 我打算画一个新的图像,并删除前一个

我的代码示例是:

var image = new Image();
image.src = 'abc.png';

ctx.drawImage(image, x, y,30,30);
然后我使用

ctx.clearRect(x, y, 30, 30);
但它无法清除绘制的图像。。 我该怎么办

提前感谢

检查此项

希望这能对你有所帮助

<!DOCTYPE HTML>
<html>
  <head>
    <style>
      body {
        margin: 0px;
        padding: 0px;
      }
    </style>
  </head>
  <body>
    <canvas id="myCanvas" width="578" height="400"></canvas>
    <script>
      var canvas = document.getElementById('myCanvas');
      var context = canvas.getContext('2d');
      var imageObj = new Image();

      imageObj.onload = function() {
        context.drawImage(imageObj, 69, 50);
      };
      imageObj.src = 'http://www.html5canvastutorials.com/demos/assets/darth-vader.jpg';
    </script>
  </body>
</html>

身体{
边际:0px;
填充:0px;
}
var canvas=document.getElementById('myCanvas');
var context=canvas.getContext('2d');
var imageObj=新图像();
imageObj.onload=函数(){
背景。drawImage(imageObj,69,50);
};
imageObj.src=http://www.html5canvastutorials.com/demos/assets/darth-vader.jpg';
检查此项

希望这能对你有所帮助

<!DOCTYPE HTML>
<html>
  <head>
    <style>
      body {
        margin: 0px;
        padding: 0px;
      }
    </style>
  </head>
  <body>
    <canvas id="myCanvas" width="578" height="400"></canvas>
    <script>
      var canvas = document.getElementById('myCanvas');
      var context = canvas.getContext('2d');
      var imageObj = new Image();

      imageObj.onload = function() {
        context.drawImage(imageObj, 69, 50);
      };
      imageObj.src = 'http://www.html5canvastutorials.com/demos/assets/darth-vader.jpg';
    </script>
  </body>
</html>

身体{
边际:0px;
填充:0px;
}
var canvas=document.getElementById('myCanvas');
var context=canvas.getContext('2d');
var imageObj=新图像();
imageObj.onload=函数(){
背景。drawImage(imageObj,69,50);
};
imageObj.src=http://www.html5canvastutorials.com/demos/assets/darth-vader.jpg';

Worksforme。你能添加一些代码(例如,同时
x
y
会发生什么情况)或制作一个演示吗?对我来说,它也可以。工作表格。你能添加一些代码(例如,同时
x
y
会发生什么情况)或制作一个演示吗?对我来说,它也可以。