无法删除画布中的图像:javascript
我是javascript新手。我在我的js文件中创建新的图像时说 我打算画一个新的图像,并删除前一个 我的代码示例是:无法删除画布中的图像: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
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
会发生什么情况)或制作一个演示吗?对我来说,它也可以。