我是 JavaScript 新手。我正在我的 js 文件中创建新图像: 我的目的是绘制一个新图像并删除以前的图像......
我的代码示例是:
var image = new Image();
image.src = 'abc.png';
ctx.drawImage(image, x, y,30,30);
然后我正在使用
ctx.clearRect(x, y, 30, 30);
但它并没有清除绘制的图像.. 我该怎么办?
提前致谢
最佳答案
检查这个 HTML5 canvas tutorial for clear and redraw new image
希望这对您有帮助。
<!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>
关于javascript - 无法删除 Canvas 中的图像: javascript,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12422586/